Utility function for merging Tailwind class names as popularized by @shadcn/ui; all credit to them. Publishing to NPM for my convenience.
npm i @evanwinter/cn
import { cn } from '@evanwinter/cn';
export function Button({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>) {
return (
<button {...props} className={cn("bg-black text-white rounded", props.className)}>
)
}