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 @{ENTITYNAME}Panel = () => {
    const record = useRecordContext();
    if (!record) return null;
    const translate = useTranslate();
    return (
        <>
            
                
                    
                        
                            
                                {Common.camelToPascalWithSpaces(translate('table.field.@{SIMPLEENTITYNAME}.@{MAJORCOLUMN_LOW}'))}: {record.@{MAJORCOLUMN_LOW}}
                            
                            {/*  inherit, primary, secondary, textPrimary, textSecondary, error */}
                            
                                ID: {record.id}
                            
                        
                    
                    
                        
                            
                                {Common.camelToPascalWithSpaces(translate('common.field.memo'))}:{record.memo}
                            
                        
                    
                     
                    
@{REACTPANELCONTENT}
                    
                
            
        
    );
};

export default @{ENTITYNAME}Panel;