Me gusta seguir algunas pautas al escribir componentes React.

export type ButtonProps = {
  disabled: boolean
  variant?: 'primary' | 'secondary',
}

export function Button({ disabled, variant}: ButtonProps): ReactElement {
  // implementación
}

Props

1. Nombrar las props con el nombre del componente y el sufijo props
2. Definir las props arriba del componente
3. Definir cada prop en el mismo tipo, luego se puede usar como "ButtonProps['variant']", a menos que sean objetos.

Componente

1. Exportación nombrada
2. Definir las props explícitamente, evitar "function Button({ props })"
3. Retornar un ReactElement