"use client";

import type { ReactNode } from "react";

import { DrawDetailHeader } from "@/modules/draws/draw-detail-header";
import { DrawDetailProvider } from "@/modules/draws/draw-detail-context";
import { DrawSubnav } from "@/modules/draws/draw-subnav";

export function DrawDetailShell({
  drawId,
  children,
}: {
  drawId: string;
  children: ReactNode;
}): React.ReactElement {
  return (
    <DrawDetailProvider drawId={drawId}>
      <DrawDetailHeader />
      <DrawSubnav drawId={drawId} />
      {children}
    </DrawDetailProvider>
  );
}