components/Navbar/DocsLink.tsx

import styles from "@/styles/Drawer.module.css";
import { Button } from "@mui/material";
import { MdNavigateNext } from "react-icons/md";

type DocsLinksProps = {
    onNavigateNext: () => void;
};

export default function DocsLink({ onNavigateNext }: DocsLinksProps) {
    return (
        <li className={styles.listItem}>
            <div
                className={`w-[100%] ${styles.listItemAnchor} pr-2`}
                onClick={onNavigateNext}
            >
                <span>Docs</span>
                <Button
                    style={{
                        minWidth: 0,
                        padding: 2,
                        margin: 0,
                        color: "white",
                    }}
                >
                    <MdNavigateNext className={`inline-block`} size={20} />
                </Button>
            </div>
        </li>
    );
}
1	import styles from "@/styles/Drawer.module.css";
2	import { Button } from "@mui/material";
3	import { MdNavigateNext } from "react-icons/md";
4
5	type DocsLinksProps = {
6	onNavigateNext: () => void;
7	};
8
9	export default function DocsLink({ onNavigateNext }: DocsLinksProps) {
10	return (
11	<li className={styles.listItem}>
12	<div
13	className={`w-[100%] ${styles.listItemAnchor} pr-2`}
14	onClick={onNavigateNext}
15	>
16	<span>Docs</span>
17	<Button
18	style={{
19	minWidth: 0,
20	padding: 2,
21	margin: 0,
22	color: "white",
23	}}
24	>
25	<MdNavigateNext className={`inline-block`} size={20} />
26	</Button>
27	</div>
28	</li>
29	);
30	}