"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
var constants_1 = require("../../constants");
exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
    setsBarBackground: {
        fill: constants_1.PRIMARY_COLOR,
        opacity: 0.08,
        transition: 'x ease-in-out 0.3s, width ease-in-out 0.3s'
    },
    setsBarDimmed: {
        fill: constants_1.DIMMED_COLOR,
        transition: 'x ease-in-out 0.3s, width ease-in-out 0.3s'
    },
    setsBar: {
        fill: constants_1.PRIMARY_COLOR,
        transition: 'x ease-in-out 0.3s, width ease-in-out 0.3s'
    },
    hoverBar: {
        fill: 'transparent',
        strokeWidth: '1px',
        cursor: 'pointer',
        stroke: constants_1.PRIMARY_COLOR,
        opacity: 0,
        transition: 'opacity ease-in-out 0.3s',
        '&:hover': {
            opacity: 1
        }
    },
    setsLabel: {
        fontSize: constants_1.SET_LABEL_SIZE,
        fill: constants_1.TEXT_COLOR,
        textAnchor: 'start',
        dominantBaseline: 'middle',
        transition: 'all ease-in-out 0.3s'
    },
    gridLine: {
        stroke: '#000000',
        opacity: 0.04,
        strokeWidth: '1px'
    }
}); });
