text: import React from 'react';
  import PropTypes from 'prop-types';
  import ReactDisqusComments from 'react-disqus-comments';
  
  import { Wrapper, Title } from './styles';
  
  const Comments = ({ url, title }) => {
    const completeURL = `https://wendel.dev/${url}`;
  
    return (
      <Wrapper>
        <Title>Comentários</Title>
        <ReactDisqusComments
          shortname="wendel-dev"
          identifier={completeURL}
          title={title}
          url={completeURL}
        />
      </Wrapper>
    );
  };
  
  Comments.propTypes = {
    url: PropTypes.string.isRequired,
    title: PropTypes.string.isRequired
  };
  
  export default Comments;
  