React Hook for simulate Vue's class name features

useClassName.js

const useClassName = (...args) => {
    const parse = (classNames) => {
        let actualClassNames = [];

        if ('string' === typeof classNames) {
            actualClassNames.push(classNames);
        }
        else if (Array.isArray(classNames)) {
            for (const className of classNames) {
                actualClassNames = actualClassNames.concat(parse(className));
            }
        }
        else if ('object' === typeof classNames) {
            for (const className in classNames) {
                if (!classNames[className]) {
                    continue;
                }

                actualClassNames.push(className);
            }
        }

        return actualClassNames;
    };

    let classNames = parse(args);

    return classNames.join(' ');
};

export default useClassName;