Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

import React from 'react'

import ThumbUpAltOutlinedIcon from '@mui/icons-material/ThumbUpAltOutlined'

import ChatOutlinedIcon from '@mui/icons-material/ChatOutlined'

import ShareOutlinedIcon from '@mui/icons-material/ShareOutlined'

import SendOutlinedIcon from '@mui/icons-material/SendOutlined'

import InputOption from './InputOption'

import Avatar from '../../../../shared/Avatar/Avatar'

const Feed = ({ name, description, message, photoUrl }) => {

  return (

    <div className='feed'>

      <div className='feed__header'>

        <Avatar

          imageUrl={photoUrl}

          name={name}

          size='xl'

        />

        <div className='feed__info'>

          <h2>{name}</h2>

          <p>{description}</p>

        </div>

      </div>

      <div className='feed__body'>

        <p>{message}</p>

      </div>

      <div className='feed__buttons'>

        <InputOption Icon={ThumbUpAltOutlinedIcon} title='Like' />

        <InputOption Icon={ChatOutlinedIcon} title='Comment' />

        <InputOption Icon={ShareOutlinedIcon} title='Share' />

        <InputOption Icon={SendOutlinedIcon} title='Send' />

      </div>

    </div>

  )

}

export default Feed