| import React, { useState, useRef, useEffect, useMemo } from "react"; | 
| import { Box, Card, CardContent, Grid, Typography, Tooltip } from '@mui/material'; | 
| import { | 
|     useTranslate, | 
|     useRecordContext, | 
| } from 'react-admin'; | 
| import PanelTypography from "../../components/PanelTypography"; | 
| import * as Common from '@/utils/common' | 
|   | 
| const LocAreaMatRelaPanel = () => { | 
|     const record = useRecordContext(); | 
|     if (!record) return null; | 
|     const translate = useTranslate(); | 
|     return ( | 
|         <> | 
|             <Card > | 
|                 <CardContent> | 
|                     <Grid container spacing={2}>1</Grid> | 
|                     <Grid container spacing={2}>1</Grid> | 
|                     <Grid container spacing={2}>1</Grid> | 
|   | 
|                 </CardContent > | 
|             </Card > | 
|         </> | 
|     ); | 
| }; | 
|   | 
| export default LocAreaMatRelaPanel; |