@vertisanpro/flowbite-react/lib/src/components/FileInput/FileInput.js

Non-Official React components built for Flowbite and Tailwind CSS

import { twMerge } from '@vertisanpro/tailwind-merge';
import React, { forwardRef } from 'react';
import { mergeDeep } from '../../helpers/merge-deep';
import { getTheme } from '../../theme-store';
import { HelperText } from '../HelperText';
export const FileInput = forwardRef(({ className, color = 'gray', helperText, sizing = 'md', theme: customTheme = {}, ...props }, ref) => {
    const theme = mergeDeep(getTheme().fileInput, customTheme);
    return (React.createElement(React.Fragment, null,
        React.createElement("div", { className: twMerge(theme.root.base, className) },
            React.createElement("div", { className: theme.field.base },
                React.createElement("input", { className: twMerge(theme.field.input.base, theme.field.input.colors[color], theme.field.input.sizes[sizing]), ...props, type: "file", ref: ref }))),
        helperText && React.createElement(HelperText, { color: color }, helperText)));
});
FileInput.displayName = 'FileInput';