"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)(function (theme) {
    var color = theme.palette.background.paper;
    return {
        paper: {
            backgroundColor: color,
            maxWidth: 1000
        },
        popper: {
            '&[data-popper-placement*="bottom"] $arrow': {
                top: 0,
                marginTop: '-0.71em',
                '&::before': {
                    transformOrigin: '0 100%'
                }
            },
            '&[data-popper-placement*="top"] $arrow': {
                bottom: 0,
                marginBottom: '-0.71em',
                '&::before': {
                    transformOrigin: '100% 0'
                }
            },
            '&[data-popper-placement*="right"] $arrow': {
                left: 0,
                marginLeft: '-0.71em',
                height: '1em',
                width: '0.71em',
                '&::before': {
                    transformOrigin: '100% 100%'
                }
            },
            '&[data-popper-placement*="left"] $arrow': {
                right: 0,
                marginRight: '-0.71em',
                height: '1em',
                width: '0.71em',
                '&::before': {
                    transformOrigin: '0 0'
                }
            }
        },
        arrow: {
            overflow: 'hidden',
            position: 'absolute',
            width: '1em',
            height: '0.71em' /* = width / sqrt(2) = (length of the hypotenuse) */,
            boxSizing: 'border-box',
            color: color,
            '&::before': {
                content: '""',
                margin: 'auto',
                display: 'block',
                width: '100%',
                height: '100%',
                boxShadow: theme.shadows[1],
                backgroundColor: 'currentColor',
                transform: 'rotate(45deg)'
            }
        }
    };
});
