import { Box, Typography } from '@mui/material';

export function Header() {
  const headers = [{ name: 'محمدحسین برزه گر', phone: '09123456789' }];
  return (
    <Box
      sx={{
        height: 84,
        display: 'flex',
        flexDirection: 'column',
        justifyContent: 'center',
        px: 2,
      }}
    >
      {headers.map((h) => (
        <Box key={h.phone}>
          <Typography variant="body2">{h.name}</Typography>
          <Typography variant="body2" color="text.secondary">
            {h.phone}
          </Typography>
        </Box>
      ))}
    </Box>
  );
}