Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { Avatar, Typography } from '@mui/material';

import { parse } from '@utils';

import Widget from '@components/UI/Widget';

export default function CompanyInfo({
  company: { name, image, cover, overview, industry, company_size }
}) {
  return (
    <Widget>
      <Widget.Media
        src={cover}
        alt='Profile cover'
        styles={{ marginBottom: 'calc(-30px - 1rem)', height: '60px' }}
      />

      <Widget.Body styles={{ textAlign: 'center' }}>
        <Avatar src={image} name={name} sx={{ width: 60, height: 60, margin: 'auto' }} />
        <Typography variant='h2'>{name}</Typography>
        <Typography variant='h4'>{`${industry} - ${company_size}`}</Typography>
        <Typography>{parse(overview)}</Typography>
      </Widget.Body>
    </Widget>
  );
}