|  |  | 
 |  |  | import React, { useState, useRef, useEffect } from 'react'; | 
 |  |  | import { useTranslate } from "react-admin"; | 
 |  |  | import { Drawer, Box, Typography, Tabs, Tab, IconButton, Stack, useTheme, Card, CardContent, CardHeader, Divider } from '@mui/material'; | 
 |  |  | import { Drawer, Box, Typography, Tabs, Tab, IconButton, Stack, useTheme, Card, CardContent, Divider } from '@mui/material'; | 
 |  |  | import CloseIcon from '@mui/icons-material/Close'; | 
 |  |  | import { PAGE_DRAWER_WIDTH } from '@/config/setting'; | 
 |  |  | import MapSettings from './MapSettings'; | 
 |  |  | 
 |  |  |                         <Box p={3}> | 
 |  |  |                             <Card sx={{ | 
 |  |  |                                 transition: '0.3s', | 
 |  |  |                                 boxShadow: '0px 2px 8px rgba(0, 0, 0, 0.1)', | 
 |  |  |                                 boxShadow: themeMode === 'light' | 
 |  |  |                                     ? '0px 2px 8px rgba(0, 0, 0, 0.1)' | 
 |  |  |                                     : '0px 2px 2px rgba(255, 255, 255, 0.1)', | 
 |  |  |                                 '&:hover': { | 
 |  |  |                                     boxShadow: '0px 4px 16px rgba(0, 0, 0, 0.2)', | 
 |  |  |                                     boxShadow: themeMode === 'light' | 
 |  |  |                                         ? '0px 4px 16px rgba(0, 0, 0, 0.2)' | 
 |  |  |                                         : '0px 4px 8px rgba(255, 255, 255, 0.2)', | 
 |  |  |                                 }, | 
 |  |  |                                 borderRadius: '8px', | 
 |  |  |                             }}> | 
 |  |  | 
 |  |  |                                                 setSpriteSettings={setSpriteSettings} | 
 |  |  |                                                 onSubmit={() => { | 
 |  |  |                                                 }} | 
 |  |  |                                                 width={width} | 
 |  |  |                                             /> | 
 |  |  |                                         )} | 
 |  |  |                                         {activeTab === 1 && ( |