import { makeStyles } from '@mui/styles';
import { DIMMED_COLOR, PRIMARY_COLOR, SET_LABEL_SIZE, TEXT_COLOR } from '../../constants';
export var useStyles = makeStyles(function () { return ({
    setsBarBackground: {
        fill: PRIMARY_COLOR,
        opacity: 0.08,
        transition: 'x ease-in-out 0.3s, width ease-in-out 0.3s'
    },
    setsBarDimmed: {
        fill: DIMMED_COLOR,
        transition: 'x ease-in-out 0.3s, width ease-in-out 0.3s'
    },
    setsBar: {
        fill: PRIMARY_COLOR,
        transition: 'x ease-in-out 0.3s, width ease-in-out 0.3s'
    },
    hoverBar: {
        fill: 'transparent',
        strokeWidth: '1px',
        cursor: 'pointer',
        stroke: PRIMARY_COLOR,
        opacity: 0,
        transition: 'opacity ease-in-out 0.3s',
        '&:hover': {
            opacity: 1
        }
    },
    setsLabel: {
        fontSize: SET_LABEL_SIZE,
        fill: TEXT_COLOR,
        textAnchor: 'start',
        dominantBaseline: 'middle',
        transition: 'all ease-in-out 0.3s'
    },
    gridLine: {
        stroke: '#000000',
        opacity: 0.04,
        strokeWidth: '1px'
    }
}); });
