"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 ({
    bar: {
        fill: constants_1.PRIMARY_COLOR,
        transition: 'y ease-in-out 0.3s, height ease-in-out 0.3s'
    },
    barBackground: {
        fill: constants_1.PRIMARY_COLOR,
        opacity: 0.2,
        transition: 'y ease-in-out 0.3s, height ease-in-out 0.3s'
    },
    barLabel: {
        fill: constants_1.TEXT_COLOR,
        fontSize: '12px',
        textAnchor: 'middle'
    },
    hoverBar: {
        fill: 'transparent',
        stroke: constants_1.PRIMARY_COLOR,
        strokeWidth: '1px',
        cursor: 'pointer',
        transition: 'opacity ease-in-out 0.3s',
        opacity: 0,
        '&:hover': {
            opacity: 1
        }
    }
}); });
