// IMPORT MODULES
import React, { useEffect } from "react";
import { withTranslation } from 'react-i18next';

// IMPORT COMPONENTS
import Breadcrumb from "../components/Global/Breadcrumb";
import EtalonsCard from "../components/Etalons/EtalonsCard";

// IMPORT IMAGES
import Img_1 from "../img/pricesImg_1.jpg";
import Img_2 from "../img/pricesImg_2.jpg";
import Img_3 from "../img/pricesImg_3.jpg";

const Prices = (props) => {
  const {t} = props;
  useEffect(() => {
    window.scrollTo(0, 0);
  }, []);

  return (
    <section className="prices">
      <Breadcrumb path_1={t('Стоимость')} currentUrl="/prices" />
      <div className="container">
        <div className="tab-header">
          <h4 className="tab-header-text" id="tab-header-text">
          {t('Стоимость')}
          </h4>
          <div className="tab-header-line"></div>
        </div>
        <div className="price-content">
          <div className="depts-wrapper">
            <EtalonsCard
              key={1}
              img={Img_1}
              title={t('Тарифы на проведение работ по метрологии подразделениями...')}
              link="../prices/meteorology"
            />
            <EtalonsCard
              key={2}
              img={Img_2}
              title={t('Тарифы на проведение проверки или калибровки средств...')}
              link="../prices/calibrate_instruments"
            />
            <EtalonsCard
              key={3}
              img={Img_3}
              title={t('Стоимость калибровки термометров сопротивления в калибровки в...')}
              link="../prices/calibrate_thermo"
            />
          </div>
        </div>
      </div>
    </section>
  );
};

// export default Prices;
export default withTranslation()(Prices);

