16 lines
390 B
TypeScript
16 lines
390 B
TypeScript
|
import { clsx, type ClassValue } from "clsx";
|
||
|
|
import { twMerge } from "tailwind-merge";
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Combines class names using clsx and tailwind-merge.
|
||
|
|
* This ensures Tailwind classes are properly merged without conflicts.
|
||
|
|
*
|
||
|
|
* Usage:
|
||
|
|
* ```tsx
|
||
|
|
* cn("px-4 py-2", isActive && "bg-primary", className)
|
||
|
|
* ```
|
||
|
|
*/
|
||
|
|
export function cn(...inputs: ClassValue[]) {
|
||
|
|
return twMerge(clsx(inputs));
|
||
|
|
}
|