nandi.uk
This repository has no description
490 B
26 lines
1'use client';
2
3import { Tabs } from '@mantine/core';
4import classes from './TabItem.module.css';
5import { useRouter } from 'next/navigation';
6
7interface Props {
8 value: string;
9 href: string;
10 children: string;
11}
12
13export default function TabItem(props: Props) {
14 const router = useRouter();
15
16 return (
17 <Tabs.Tab
18 value={props.value}
19 className={classes.tab}
20 fw={600}
21 onClick={() => router.push(props.href)}
22 >
23 {props.children}
24 </Tabs.Tab>
25 );
26}