import { TableCell , TableHead , TableRow } from '@mui/material' ; import React , { FC } from 'react' ; import { TableHeaderData } from '../../../containers' ; export interface TableComponentHeaderProps { headerData : TableHeaderData ; } export const TableComponentHeader = ( { headerData , } ) => { return ( < TableHead > < TableRow > { Object . values ( headerData ) . map ( ( headerItem ) => ( < TableCell key = { headerItem } > { headerItem } < /TableCell>))} < /TableRow> < /TableHead>); } ;