import { clsx, type ClassValue } from 'clsx';
import { twMerge } from 'tailwind-merge';

/**
 * Merge Tailwind class strings without conflicts.
 *
 * ```tsx
 * <div className={cn('px-2 py-1', isActive && 'bg-brand-primary-600')} />
 * ```
 */
export function cn(...inputs: ClassValue[]): string {
  return twMerge(clsx(inputs));
}