Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { Box, IconButton, Typography } from '@mui/material'
import { Delete, Edit } from '@mui/icons-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>
  )
}