// @ts-nocheck
import { FC, useState } from "react";
import Head from "next/head";
import { Grid, Button } from "@mui/material";
import { Layout } from "components/Layout";
import Iframe from "react-iframe";

const Create: FC = () => {
  const [leafcutterURL, setLeafcutterURL] = useState(
    "https://lc.digiresilience.org/create"
  );
  return (
    <Layout>
      <Head>
        <title>Link Shell</title>
      </Head>
      <Grid
        container
        spacing={0}
        sx={{ height: "100%", width: "100%" }}
        direction="column"
      >
        <Grid item sx={{ height: "100vh", width: "100%" }}>
          <Iframe
            id="link"
            url={leafcutterURL}
            width="100%"
            height="100%"
            frameBorder={0}
          />
        </Grid>
      </Grid>
    </Layout>
  );
};

export default Create;
