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