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>

  )

}