import React from "react";

import { Col, Container, Nav, Row, Tab } from "react-bootstrap";
import Heading from "../Heading/Heading";
import "./TermsAndConditions.css";
import { useTranslation } from "react-i18next";
import CookiesTab from "./CookiesTab";

export default function TermsAndConditions() {
  const { t } = useTranslation();
  return (
    <>
      <Container>
        <Row
          className="justify-content-center  "
          style={{ marginTop: "200px" }}
        >
          <Col
            lg={12}
            className="shadow pt-5 pb-5 pl-5 pr-5"
            style={{ borderRadius: "20px", backgroundColor: "white" }}
          >
            <Row>
              <Col sm={12}>
                <div>
                  <Heading
                    title="Terms & Conditions"
                    fontFamily="semibold"
                    fontSize="40px"
                    className="pb-5 text-center"
                  />
                </div>

                <iframe
                  width="100%"
                  height="1000"
                  src="https://api.virtualjog.hu/api/v1/document/3677?access-token=ea397aa8c7277c934f7e232827f15fd1"
                  frameborder="0"
                ></iframe>
              </Col>
            </Row>
          </Col>
        </Row>
        {/* <Row
          className="justify-content-center  "
          style={{ marginTop: "200px" }}
        >
          <Col
            lg={12}
            className="shadow pt-5 pb-5 pl-5 pr-5"
            style={{ borderRadius: "20px", backgroundColor: "white" }}
          >
            <div id="virtualjog-document-sync"></div>
          </Col>
        </Row> */}
      </Container>
    </>
  );
}
