type PageProps = {
  params: {
    id: string;
  };
};

export default function Page({ params: { id } }: PageProps) {
  return <div>Page</div>;
}

/*
import { GetServerSideProps, GetServerSidePropsContext } from "next";
import Head from "next/head";
import useSWR from "swr";
import { NextPage } from "next";
import { Grid } from "@mui/material";
import { TicketDetail } from "../_components/TicketDetail";
import { TicketEdit } from "../_components/TicketEdit";
import { getTicketQuery } from "../_graphql/getTicketQuery";

type TicketProps = {
  id: string;
};

const Ticket: NextPage<TicketProps> = ({ id }) => {
  const { data: ticketData, error: ticketError }: any = useSWR(
    {
      document: getTicketQuery,
      variables: { ticketId: `gid://zammad/Ticket/${id}` },
    },
    { refreshInterval: 100000 }
  );

  const shouldRender = !ticketError && ticketData;

  return (
    <>
      {shouldRender && (
        <Grid container spacing={0} sx={{ height: "100vh" }} direction="row">
          <Grid item sx={{ height: "100vh" }} xs={9}>
            <TicketDetail ticket={ticketData.ticket} />
          </Grid>
          <Grid item xs={3} sx={{ height: "100vh" }}>
            <TicketEdit ticket={ticketData.ticket} />
          </Grid>
        </Grid>
      )}
      {ticketError && <div>{ticketError.toString()}</div>}
    </>
  );
};

export const getServerSideProps: GetServerSideProps = async (
  context: GetServerSidePropsContext
) => {
  const { id } = context.query;
  return { props: { id } };
};


export default Ticket;
*/