Utility function to merge Tailwind classes with clsx and twMerge, plus a TypeScript type for props with className.

propsWithClassName.ts

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

export type PropsWithClassName<P = unknown> = P & {
    className?: ClassValue | undefined;
};

export function cn(...inputs: ClassValue[]) {
    return twMerge(clsx(inputs));
}