import { useMemo } from 'react';

export function useCssAndCx() {
    return useMemo(() => ({
        cx: (...classNames: Array<string | Array<string | undefined | false | string[]> | undefined | false>): string => {
            return classNames.map((item) => {
                return !item ? '' : Array.isArray(item) ? item.filter((classNames) => !!classNames).join(' ') : item;
            }).join(' ');
        },
    }), []);
}