import ContainerComponent from "components/apps/AppContainer";
import StyledSpaceCadet from "components/apps/SpaceCadet/StyledSpaceCadet";
import useSpaceCadet from "components/apps/SpaceCadet/useSpaceCadet";
import type { ComponentProcessProps } from "components/system/Apps/RenderComponent";
import { haltEvent } from "utils/functions";

const SpaceCadet = ({ id }: ComponentProcessProps): JSX.Element =>
  ContainerComponent(
    id,
    useSpaceCadet,
    StyledSpaceCadet,
    <canvas id="canvas" onContextMenu={haltEvent} />
  );

export default SpaceCadet;