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>

  );

}