"use client";

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

type MetamigoWrapperProps = {
  path: string;
};

export const MetamigoWrapper: FC<MetamigoWrapperProps> = ({ path }) => {
  const {
    publicRuntimeConfig: { linkURL },
  } = getConfig();
  const fullMetamigoURL = `${linkURL}/metamigo/${path}`;

  return (
    <Grid
      container
      spacing={0}
      sx={{ height: "100%", width: "100%" }}
      direction="column"
    >
      <Grid item sx={{ height: "100vh", width: "100%" }}>
        <Iframe
          id="link"
          url={fullMetamigoURL}
          width="100%"
          height="100%"
          frameBorder={0}
        />
      </Grid>
    </Grid>
  );
};