API reference for cn()

function cn(...inputs: ClassValue[]): string | undefined

import { cn } from "better-styled";

cn("px-4 py-2", "px-8");
// → "py-2 px-8" (px-8 overrides px-4)

cn("text-red-500", condition && "text-blue-500");
// → "text-blue-500" if condition is true

cn("base", undefined, null, false, "active");
// → "base active"

cn();
// → undefined (not empty string)

// clsx handles conditionals
cn("base", isActive && "active", { "error": hasError });

// tailwind-merge handles conflicts
cn("p-4", "p-8");  // → "p-8" not "p-4 p-8"
cn("text-sm", "text-lg");  // → "text-lg"

function CustomButton({ className, ...props }) {
  return (
    <button
      className={cn("base-button px-4 py-2", className)}
      {...props}
    />
  );
}