Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import React from 'react';

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

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

import { parse } from '@utils'

import { parse } from '@utils';

import Widget from '@components/UI/Widget'

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

export default function CompanyInfo({

export default function CompanyInfo({

  company: { name, image, cover, overview, industry, company_size }

  company: { name, image, cover, overview, industry, company_size }

}) {

}) {

  return (

  return (

    <Widget>

    <Widget>

      <Widget.Media

      <Widget.Media

        src={cover}

        src={cover}

        alt='Profile cover'

        alt='Profile cover'

        styles={{ marginBottom: 'calc(-30px - 1rem)', height: '60px' }}

        styles={{ marginBottom: 'calc(-30px - 1rem)', height: '60px' }}

      />

      />

      <Widget.Body styles={{ textAlign: 'center' }}>

      <Widget.Body styles={{ textAlign: 'center' }}>

          sx={{ width: 60, height: 60, margin: 'auto' }}

        <Avatar src={image} name={name} sx={{ width: 60, height: 60, margin: 'auto' }} />

        <Typography variant='h2'>{name}</Typography>

        <Typography variant='h2'>{name}</Typography>

        <Typography variant='h4'>{`${industry} - ${company_size}`}</Typography>

        <Typography variant='h4'>{`${industry} - ${company_size}`}</Typography>

        <Typography>{parse(overview)}</Typography>

        <Typography>{parse(overview)}</Typography>

      </Widget.Body>

      </Widget.Body>

    </Widget>

    </Widget>

  )

  );

}

}