import { Link } from 'react-router-dom';

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faQuestion } from '@fortawesome/free-solid-svg-icons';

function WidgetBody({ description, helpTo, children }) {
  return (
    <div className="body">
      <hr />

      <blockquote className="mb-3">
        {description}
        <Link to={helpTo} className="help">
          Help
          <FontAwesomeIcon icon={faQuestion} className="ms-1" />
        </Link>
      </blockquote>
      {children}
    </div>
  );
}

export default WidgetBody;
