|  |  | 
 |  |  |     const themeMode = theme.palette.mode; | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |  | 
 |  |  |     const [lastCopiedSprites, setLastCopiedSprites] = useState([]); | 
 |  |  |  | 
 |  |  |     const handleClose = () => { | 
 |  |  |         onCancel(); | 
 |  |  |     } | 
 |  |  | 
 |  |  |     const handleTabChange = (event, newValue) => { | 
 |  |  |         setActiveTab(newValue); | 
 |  |  |     }; | 
 |  |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |         console.log(sprite); | 
 |  |  |  | 
 |  |  |     }, [sprite]) | 
 |  |  |  | 
 |  |  |     return ( | 
 |  |  |         <> | 
 |  |  | 
 |  |  |                                         indicatorColor="primary" | 
 |  |  |                                         textColor="primary" | 
 |  |  |                                         variant="fullWidth" | 
 |  |  |                                         sx={{ mb: 2 }} | 
 |  |  |                                         sx={{ mb: 0 }} | 
 |  |  |                                     > | 
 |  |  |                                         <Tab label={translate('page.map.settings.map.title')} /> | 
 |  |  |                                         <Tab label={translate('page.map.settings.config.title')} /> | 
 |  |  | 
 |  |  |                                                 onSubmit={() => { | 
 |  |  |                                                 }} | 
 |  |  |                                                 width={width} | 
 |  |  |                                                 lastCopiedSprites={lastCopiedSprites} | 
 |  |  |                                                 setLastCopiedSprites={setLastCopiedSprites} | 
 |  |  |                                             /> | 
 |  |  |                                         )} | 
 |  |  |                                         {activeTab === 1 && ( |