import clsx from 'clsx' import type { LinkTabProps } from './LinkTab' import { LinkTab } from './LinkTab' export interface LinkTabsProps { data: LinkTabProps[] activeIndex?: number } export const LinkTabs = ({ data, activeIndex }: LinkTabsProps) => { return ( <div className={clsx( 'grid before:absolute relative grid-flow-col items-stretch rounded', 'before:inset-x-0 before:bottom-0 before:border-b-2 before:border-white/25', )} > {data.map((item, index) => ( <LinkTab key={index} {...item} isActive={index === activeIndex} /> ))} </div> ) }