import React from "react";
import PropTypes from "prop-types";
import {
  OfferDescriptionContainer,
  OfferDescriptionText,
  OfferDescriptionTitle,
} from "./OfferDescription.styled";
import { useTranslation } from "react-i18next";

const OfferDescription = (props) => {
  const { t } = useTranslation();
  return (
    <OfferDescriptionContainer>
      <OfferDescriptionTitle>
        {t("offer.descriptionLabel")}
      </OfferDescriptionTitle>
      <OfferDescriptionText>{props.description}</OfferDescriptionText>
    </OfferDescriptionContainer>
  );
};

OfferDescription.propTypes = {
  description: PropTypes.string,
};

export default OfferDescription;
