import type { SvgIconProps } from '@mui/material/SvgIcon';
import SvgIcon from '@mui/material/SvgIcon';
import { memo } from 'react';
import { CONFIG } from 'src/global-config';
import { BackgroundShape } from './background-shape';
// ----------------------------------------------------------------------
type SvgProps = SvgIconProps & { hideBackground?: boolean };
function ServerErrorIllustration({ hideBackground, sx, ...other }: SvgProps) {
const renderCharacterImage = () => (
);
return (
({
'--primary-lighter': theme.vars.palette.primary.lighter,
'--primary-light': theme.vars.palette.primary.light,
'--primary-main': theme.vars.palette.primary.main,
'--primary-dark': theme.vars.palette.primary.dark,
'--primary-darker': theme.vars.palette.primary.darker,
width: 320,
maxWidth: 1,
flexShrink: 0,
height: 'auto',
}),
...(Array.isArray(sx) ? sx : [sx]),
]}
{...other}
>
{!hideBackground && }
{renderCharacterImage()}
);
}
export default memo(ServerErrorIllustration);