43 lines
966 B
TypeScript
43 lines
966 B
TypeScript
'use client';
|
|
|
|
import React from 'react';
|
|
import { Box } from '@/ui/Box';
|
|
import { Stack } from '@/ui/Stack';
|
|
import { Link } from '@/ui/Link';
|
|
import { Text } from '@/ui/Text';
|
|
|
|
interface Tab {
|
|
label: string;
|
|
href: string;
|
|
exact?: boolean;
|
|
}
|
|
|
|
interface LeagueTabsProps {
|
|
tabs: Tab[];
|
|
}
|
|
|
|
export function LeagueTabs({ tabs }: LeagueTabsProps) {
|
|
return (
|
|
<Box borderBottom borderColor="border-charcoal-outline">
|
|
<Stack direction="row" gap={6} overflow="auto">
|
|
{tabs.map((tab) => (
|
|
<Link
|
|
key={tab.href}
|
|
href={tab.href}
|
|
variant="ghost"
|
|
>
|
|
<Box pb={3} px={1}>
|
|
<Text weight="medium"
|
|
// eslint-disable-next-line gridpilot-rules/component-classification
|
|
className="whitespace-nowrap"
|
|
>
|
|
{tab.label}
|
|
</Text>
|
|
</Box>
|
|
</Link>
|
|
))}
|
|
</Stack>
|
|
</Box>
|
|
);
|
|
}
|