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	rakinar2	575	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			}