react-email-builder/lib/controls/FileButton/index.js

A simple React drag and drop email builder.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FileButton = void 0;
const react_1 = __importDefault(require("react"));
const clsx_1 = __importDefault(require("clsx"));
const Button_1 = require("../Button");
const utils_1 = require("../../utils");
function FileButton({ style, children, loading, size, block, className, plain, icon, ...inputProps }) {
    const css = (0, utils_1.getCss)('FileButton', (ns) => ({
        root: ns(),
        input: ns('input'),
        hidden: ns('hidden')
    }));
    return (react_1.default.createElement(Button_1.Button, { className: (0, clsx_1.default)(className, css.root), style: style, loading: loading, block: block, size: size, plain: plain, icon: icon },
        children,
        react_1.default.createElement("input", { type: "file", className: (0, clsx_1.default)(css.input, {
                [css.hidden]: loading
            }), ...inputProps })));
}
exports.FileButton = FileButton;