import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import { FluentButton } from './FluentButton';
const useStyles = makeStyles((theme) => ({
    root: {
        '& > *': {
            margin: theme.spacing(1)
        }
    },
    input: {
        display: 'none'
    }
}));
export const FluentUploadButton = (props) => {
    const classes = useStyles();
    const { color, label, accept, id, onChange, onClick, variant } = props;
    return (React.createElement("div", { className: classes.root }, React.createElement("input", { accept: accept, className: classes.input, id: id, multiple: true, type: "file", onChange: onChange }), React.createElement("label", { htmlFor: id }, React.createElement(FluentButton, { onClick: onClick, variant: variant, color: color, component: "span" }, label)), React.createElement("input", { accept: accept, className: classes.input, id: id, type: "file" })));
};
//# sourceMappingURL=FluentUploadButton.js.map