import { makeStyles } from '@mui/styles';
var lineStyle = '1px solid #AFD4E9';
var horizontalLineWidth = 5;
var verticalNodeGap = 14;
var arrowWidth = 16;
export var useStyles = makeStyles({
    decorator: {
        marginLeft: arrowWidth / 2,
        borderLeft: lineStyle,
        '&:last-child': {
            borderLeft: 'none',
            '&:before': {
                borderLeft: lineStyle
            }
        },
        '&:before': {
            top: 0,
            height: verticalNodeGap,
            width: horizontalLineWidth,
            borderBottom: lineStyle,
            content: '""',
            display: 'block',
            left: '0'
        },
        '&$plain': {
            '&:before': {
                width: 0
            }
        }
    },
    plain: {},
    wrapper: {
        marginLeft: horizontalLineWidth + 11,
        marginTop: -8
    }
});
