"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/material/styles");
var styles_2 = require("@mui/styles");
exports.useStyles = (0, styles_2.makeStyles)(function (theme) { return ({
    container: {
        display: 'flex',
        flexDirection: 'column',
        flexShrink: 0,
        width: '64px',
        paddingTop: '8px',
        backgroundColor: theme.palette.background.paper,
        boxShadow: '0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2)'
    },
    active: {
        backgroundColor: (0, styles_1.alpha)(theme.palette.primary.main, 0.12),
        color: theme.palette.primary.main,
        '&:after': {
            content: '""',
            position: 'absolute',
            height: '42px',
            width: '3px',
            backgroundColor: theme.palette.primary.main,
            left: '-8px',
            borderRadius: '0 6px 6px 0'
        }
    },
    buttonWrapper: {
        position: 'relative',
        width: '48px',
        height: '44px',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        borderRadius: '6px',
        margin: '2px 8px',
        color: theme.palette.text.secondary
    }
}); });
