text: import React from 'react'
  import { Button } from './styles'
  import PropTypes from 'prop-types'
  import { MdFavoriteBorder, MdFavorite } from 'react-icons/md'
  
  export const FavButton = ({ liked, likes, onClick }) => {
    const Icon = liked ? MdFavorite : MdFavoriteBorder
    return (
      <Button onClick={onClick}>
        <Icon size='32px' /> {likes} likes!
      </Button>
    )
  }
  
  FavButton.propTypes = {
    liked: PropTypes.bool.isRequired,
    likes: PropTypes.number,
    likonClicked: PropTypes.func
  }
  