import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function (theme) { return ({
    parents: {
        color: theme.palette.text.primary
    },
    errorWrapper: {
        flex: 1,
        lineHeight: '18px',
        display: 'flex',
        flexDirection: 'column',
        paddingLeft: '8px',
        paddingBottom: '8px'
    },
    errorTitle: {
        display: 'flex',
        alignItems: 'center'
    },
    attributeTypesPath: {
        color: theme.palette.text.secondary
    },
    goToIcon: {
        marginLeft: '4px'
    },
    errorIcon: {
        fill: '#FF1744'
    },
    errorListItem: {
        display: 'flex',
        alignItems: 'flex-start',
        '& svg': {
            fill: 'currentColor'
        }
    },
    listItemMarker: {
        flexShrink: 0,
        width: '24px',
        marginTop: '3px',
        display: 'flex',
        justifyContent: 'center'
    },
    discIcon: {
        height: '4px',
        width: '4px',
        backgroundColor: 'currentColor',
        borderRadius: '50%',
        marginTop: '4px'
    }
}); });
