interface TabButtonProps {
  active: boolean;
  onClick: () => void;
  children: React.ReactNode;
}

export default function TabButton({ active, onClick, children }: TabButtonProps) {
  return (
    <button
      onClick={onClick}
      className={`px-6 py-3 font-medium transition-colors ${
        active
          ? "text-teal-600 border-b-2 border-teal-600"
          : "text-gray-600 hover:text-gray-800"
      }`}
    >
      {children}
    </button>
  );
}