link-stack/apps/link/app/(main)/docs/_components/DocsWrapper.tsx

"use client";

import { FC } from "react";
import { Grid } from "@mui/material";
import Iframe from "react-iframe";

const docsUrl = "https://digiresilience.org/docs/link/about/";

export const DocsWrapper: FC = () => (
  <Grid
    container
    spacing={0}
    sx={{ height: "100%", width: "100%" }}
    direction="column"
  >
    <Grid
      item
      sx={{ height: "calc(100vh + 120px)", width: "100%", mt: "-121px" }}
    >
      <Iframe
        id="docs"
        url={docsUrl}
        width="100%"
        height="100%"
        frameBorder={0}
      />
    </Grid>
  </Grid>
);