import React from 'react';
import { makeStyles, Typography } from '@material-ui/core';
import PropTypes from 'prop-types';
const useStyles = makeStyles((theme) => ({
    root: {},
    keyRoot: {
        display: 'flex',
        justifyContent: 'space-between',
        marginRight: theme.spacing(5)
    },
    label: {
        marginTop: 1,
        marginLeft: theme.spacing(1)
    }
}));
export const IconKey = ({ label, icon }) => {
    const classes = useStyles();
    return (React.createElement("div", { className: classes.keyRoot }, icon, React.createElement(Typography, { className: classes.label, variant: "caption" }, label)));
};
IconKey.propTypes = {
    /**
     * Key label
     */
    label: PropTypes.string.isRequired,
    /**
     * Icon for the key item
     */
    icon: PropTypes.string.isRequired
};
//# sourceMappingURL=IconKey.js.map