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>
  );
}