import { NextPage } from "next";
import getConfig from "next/config";
import Head from "next/head";
import { Grid } from "@mui/material";
import { Layout } from "components/Layout";
import Iframe from "react-iframe";

const Metamigo: NextPage = () => {
  const {
    publicRuntimeConfig: { metamigoURL },
  } = getConfig();

  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={metamigoURL}
            width="100%"
            height="100%"
            frameBorder={0}
          />
        </Grid>
      </Grid>
    </Layout>
  );
};

export default Metamigo;
