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