29 lines
593 B
TypeScript
29 lines
593 B
TypeScript
import Link from 'next/link';
|
|
import Image from 'next/image';
|
|
import { useRouter } from 'next/router';
|
|
|
|
import styles from '@/styles/Tab.module.css';
|
|
|
|
interface TabProps {
|
|
icon: string;
|
|
filename: string;
|
|
path: string;
|
|
}
|
|
|
|
const Tab = ({ icon, filename, path }: TabProps) => {
|
|
const router = useRouter();
|
|
|
|
return (
|
|
<Link href={path}>
|
|
<div
|
|
className={`${styles.tab} ${router.pathname === path && styles.active}`}
|
|
>
|
|
<Image src={icon} alt={filename} height={18} width={18} />
|
|
<p>{filename}</p>
|
|
</div>
|
|
</Link>
|
|
);
|
|
};
|
|
|
|
export default Tab;
|