1  import { XIcon } from '@heroicons/react/outline';
 2  import { IconButton, SvgIcon } from '@mui/material';
 3  import React from 'react';
 4  
 5  interface MobileCloseButtonProps {
 6    setOpen: (value: boolean) => void;
 7  }
 8  
 9  export const MobileCloseButton = ({ setOpen }: MobileCloseButtonProps) => {
10    return (
11      <IconButton onClick={() => setOpen(false)} sx={{ p: 0, mr: { xs: -2, xsm: 1 } }}>
12        <SvgIcon sx={{ color: '#F1F1F3', fontSize: '32px' }}>
13          <XIcon />
14        </SvgIcon>
15      </IconButton>
16    );
17  };