import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles({
    crosswalkIcon: function (_a) {
        var color = _a.color, isOpaque = _a.isOpaque, isDisabled = _a.isDisabled;
        return ({
            backgroundColor: isDisabled ? '#fff' : color,
            border: isDisabled ? "2px solid ".concat(color) : null,
            height: '12px',
            width: '12px',
            boxSizing: 'border-box',
            borderRadius: '30px',
            opacity: isOpaque ? 1 : 0.38,
            transition: 'opacity 0.3s'
        });
    }
});
