import React from 'react';
import { makeStyles, Divider } from '@material-ui/core';
import { ToolBarButton } from './ToolBarButton';
import { LayoutUnit } from '../../../layout/LayoutUnit';
const useStyles = makeStyles((theme) => ({
    root: {
        paddingLeft: theme.spacing(1)
    }
}));
export const AmbientPopoverMenuItem = ({ label, component, click }) => {
    const classes = useStyles();
    return (React.createElement("div", { className: classes.root }, React.createElement(LayoutUnit, { unit: "nudge" }), React.createElement(ToolBarButton, { label: label, component: component, click: click, icon: false }), React.createElement(LayoutUnit, { unit: "nudge" }), React.createElement(Divider, null)));
};
//# sourceMappingURL=AmbientPopoverMenuItem.js.map