import { makeStyles } from '@mui/styles';
import { DIMMED_COLOR, PRIMARY_COLOR } from '../../constants';
export var useStyles = makeStyles(function () { return ({
    circle: {
        strokeWidth: '2px',
        fill: '#EEEEEE',
        stroke: '#EEEEEE',
        transition: 'fill ease-in-out 0.3s'
    },
    activeCircle: {
        fill: PRIMARY_COLOR
    },
    dimmedCircle: {
        fill: DIMMED_COLOR
    },
    link: {
        stroke: PRIMARY_COLOR,
        strokeWidth: '2px',
        transition: 'stroke ease-in-out 0.3s'
    },
    dimmedLine: {
        stroke: DIMMED_COLOR
    }
}); });
