import { twMerge } from 'tailwind-merge';

import { cx, type ClassValue } from './cx';

/**
 * Merge class names, letting later Tailwind utilities win over earlier ones.
 *
 * Every component funnels its `className` prop through this so consumers can
 * override any built-in utility without `!important` or specificity tricks.
 */
export function cn(...inputs: ClassValue[]) {
  return twMerge(cx(inputs));
}