20 lines
433 B
TypeScript
20 lines
433 B
TypeScript
interface TabButtonProps {
|
|
label: string;
|
|
isActive: boolean;
|
|
onClick: () => void;
|
|
}
|
|
|
|
export function TabButton({ label, isActive, onClick }: TabButtonProps) {
|
|
return (
|
|
<button
|
|
className={`flex-1 p-3 ${
|
|
isActive
|
|
? 'border-b-2 border-teal-500 font-semibold dark:text-warm-100'
|
|
: 'text-warm-600 dark:text-warm-400'
|
|
}`}
|
|
onClick={onClick}
|
|
>
|
|
{label}
|
|
</button>
|
|
);
|
|
}
|