"use strict";
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
var ramda_1 = require("ramda");
var nthLiStyles = (0, ramda_1.range)(2, 10).reduce(function (acc, i) {
    var _a;
    return (__assign(__assign({}, acc), (_a = {}, _a["&:nth-child(".concat(i, ")")] = {
        paddingLeft: "calc(1em * (".concat(i, " - 2))"),
        '&::before': {
            content: '"└"',
            display: 'inline-block',
            fontSize: '1em',
            marginRight: '5px',
            color: 'rgba(255, 255, 255, 0.28)'
        }
    }, _a)));
}, {});
exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
    tooltip: theme.tooltip,
    tooltipContent: {
        minWidth: '165px',
        padding: '4px 2px 2px',
        '& p': {
            fontSize: '11px',
            lineHeight: '13px',
            fontWeight: 500,
            margin: 0,
            color: 'white'
        },
        '& ul': {
            listStyleType: 'none',
            padding: 0,
            margin: 0,
            '& li': __assign(__assign({ fontSize: '10px', lineHeight: '11px', fontWeight: 500, color: 'rgba(255, 255, 255, 0.7)', marginTop: '4px' }, nthLiStyles), { '&:last-child': {
                    color: 'white'
                } }),
            '& li + li': {
                marginTop: '2px'
            }
        }
    }
}); });
