"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)({
    rowDivider: {
        marginLeft: '28px'
    },
    listRow: {
        paddingLeft: '28px',
        position: 'relative',
        '&::before': {
            content: '""',
            width: '2px',
            position: 'absolute',
            height: '100%',
            top: 0,
            left: '27px',
            backgroundColor: '#D8D8D8',
            zIndex: '-1'
        },
        overflow: 'hidden'
    },
    firstRow: {
        '&$listRow::before': {
            height: 'calc(100% - 20px)',
            top: '20px'
        }
    },
    lastRow: {
        '&$listRow::before': {
            height: '20px'
        }
    },
    singleRow: {
        '&$listRow::before': {
            display: 'none'
        }
    }
});
