Proyectos de Subversion LeadersLinked - SPA

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

import { parse } from '@utils'

import Widget from '@components/UI/Widget'

const WidgetButton = styled(Button)(() => ({
  cursor: ''
}))

export default function CompanyInfo({
  company: {
    name,
    image,
    cover,
    overview,
    industry,
    company_size,
    total_followers
  }
}) {
  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>{`${industry} - ${company_size}`}</Typography>
        <Typography>{parse(overview)}</Typography>

        <Button>
          Número de seguidores
          <Typography>{total_followers}</Typography>
        </Button>
      </Widget.Body>
    </Widget>
  )
}