button.tsx

const colors = {
  primary: "bg-primary",
  secondary: "bg-secondary"
} // 🥴 I don't want this...

export function Button(
  props: {variant: "primary" | "secondary"}
) {
  const { variant, ...rest } = props
  return (
    <button
      {...rest}
      className={`bg-${variant}`} // ❌
      // className={colors[variant]} // ✅
    />
  )
}