Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import Delete from '@mui/icons-material/Delete';
import Edit from '@mui/icons-material/Edit';
import { Box, IconButton, Typography } from '@mui/material';

import { parse } from '@utils';

export default function EducationItem({
  education = {},
  onDelete = () => {},
  onEdit = () => {},
  edit = false
}) {
  const { university, field_of_study, degree, from_year, to_year, formatted_address, description } =
    education;

  return (
    <Box
      sx={{
        display: 'flex',
        alignItems: 'start',
        justifyContent: 'space-between',
        gap: 2
      }}
    >
      <Box>
        <Typography variant='h4'>{university}</Typography>

        <Typography variant='body1' sx={{ fontSize: '14px' }}>
          {field_of_study}
        </Typography>

        <Typography variant='body1'>{`${field_of_study} - ${degree}`}</Typography>

        <Typography
          variant='overline'
          sx={{ display: 'block' }}
        >{`${from_year} -  ${to_year || 'Actual'}`}</Typography>

        <Typography variant='overline' sx={{ display: 'block' }}>
          {formatted_address}
        </Typography>
        {parse(description)}
      </Box>

      {edit && (
        <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>
          <IconButton onClick={onEdit}>
            <Edit />
          </IconButton>
          <IconButton onClick={onDelete}>
            <Delete />
          </IconButton>
        </Box>
      )}
    </Box>
  );
}