Proyectos de Subversion LeadersLinked - SPA

import React, { useState } from 'react'
import { Button, Typography } from '@mui/material'
import { East } from '@mui/icons-material'
import parse from 'html-react-parser'

import Widget from '../UI/Widget'
import CompanyInfoModal from '../modals/CompanyInfoModal'

const AboutCompany = (companyInfo) => {
  const [showModal, setShowModal] = useState(false)

  const toggleModal = () => setShowModal(!showModal)

  return (
    <>
      <Widget>
        <Widget.Header title='Acerca de esta empresa' />
        <Widget.Body>
          <Typography>
            {parse(companyInfo.overview ?? 'Sin descripción')}
          </Typography>
        </Widget.Body>
        <Widget.Actions styles={{ padding: 0 }}>
          <Button onClick={toggleModal} fullWidth sx={{ borderRadius: 0 }}>
            Ver más
            <East />
          </Button>
        </Widget.Actions>
      </Widget>
      <CompanyInfoModal
        show={showModal}
        closeModal={toggleModal}
        company={companyInfo}
      />
    </>
  )
}

export default AboutCompany