import React from "react";
import PropTypes from "prop-types";
import { Arrow, ButtonContainer, LinkText, PricesHeaderContainer, PricesHeaderLine, PricesHeaderTitle } from "./PricesHeader.styled";
import { useTranslation } from "react-i18next";

const PricesHeader = () => {
  const { t } = useTranslation();
  return (
    <PricesHeaderContainer>
      <PricesHeaderTitle>{t("prices.header.title")}</PricesHeaderTitle>
      <PricesHeaderLine />
      <ButtonContainer>
        <LinkText>{t("prices.header.link")}</LinkText>
        <Arrow />
      </ButtonContainer>
    </PricesHeaderContainer>
  );
};

PricesHeader.propTypes = {
  children: PropTypes.node,
};

export default PricesHeader;
