import { makeStyles } from '@mui/styles';
import { PRIMARY_COLOR, TEXT_COLOR } from '../../constants';
export var useStyles = makeStyles(function () { return ({
    bar: {
        fill: PRIMARY_COLOR,
        transition: 'y ease-in-out 0.3s, height ease-in-out 0.3s'
    },
    barBackground: {
        fill: PRIMARY_COLOR,
        opacity: 0.2,
        transition: 'y ease-in-out 0.3s, height ease-in-out 0.3s'
    },
    barLabel: {
        fill: TEXT_COLOR,
        fontSize: '12px',
        textAnchor: 'middle'
    },
    hoverBar: {
        fill: 'transparent',
        stroke: PRIMARY_COLOR,
        strokeWidth: '1px',
        cursor: 'pointer',
        transition: 'opacity ease-in-out 0.3s',
        opacity: 0,
        '&:hover': {
            opacity: 1
        }
    }
}); });
