import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function (theme) { return ({
    root: {
        position: 'relative',
        display: 'flex'
    },
    pie: {
        '& .recharts-sector:focus': {
            outline: 'none'
        }
    },
    text: {
        position: 'absolute',
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        justifyContent: 'flex-end',
        padding: '0 10px',
        transition: 'opacity 0.5s',
        textAlign: 'center'
    },
    indicator: {
        fill: 'rgb(0, 0, 102)',
        stroke: 'none',
        transition: 'opacity 0.5s'
    },
    value: {
        width: '100%',
        marginBottom: '2px',
        fontSize: '28px',
        lineHeight: '33px',
        fontWeight: 400,
        color: theme.palette.text.primary
    },
    label: {
        width: '100%',
        fontSize: '14px',
        lineHeight: '16px',
        fontWeight: 400,
        color: theme.palette.text.secondary
    }
}); });
