Jak poprawnie typować propsy komponentu React w TypeScript?

interface ButtonProps {
  label: string;
  onClick: () => void;
  variant?: "primary" | "secondary";
}

const Button = ({ label, onClick, variant = "primary" }: ButtonProps) => (
  <button onClick={onClick} className={variant}>
    {label}
  </button>
);