import Bleed from 'nextra-theme-docs/bleed'
import Head from "next/head";
import IframeResizer from "iframe-resizer-react";
import {useWindowSize} from "../lib/useWindowSize";


<Bleed full>
  <Head><title>Public API | Cal.com</title></Head>
  <IframeResizer
    autoResize
    src={process.env.NEXT_PUBLIC_SWAGGER_DOCS_URL || "https://developer.cal.com"}
    frameBorder="0"
    style={{
      width: useWindowSize().width > 768 ? "calc(100vw - 16rem)": "100vw",
      minHeight: useWindowSize().width > 768 ? "100vh" : "200vh",
      height: "auto",
      border: 0,
    }}
  />
</Bleed>
