import type { SvgIconProps } from '@mui/material/SvgIcon'; import SvgIcon from '@mui/material/SvgIcon'; import { memo } from 'react'; import { BackgroundShape } from './background-shape'; // ---------------------------------------------------------------------- type SvgProps = SvgIconProps & { hideBackground?: boolean }; function UploadIllustration({ hideBackground, sx, ...other }: SvgProps) { return ( ({ '--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 && } ); } export default memo(UploadIllustration);