import type { DemoKey } from "~/lib/marketing/features";
import { AiDemo } from "./demos/AiDemo";
import { EditorDemo } from "./demos/EditorDemo";
import { HostingDemo } from "./demos/HostingDemo";
import { ReviewDemo } from "./demos/ReviewDemo";
import { SecurityDemo } from "./demos/SecurityDemo";
import { WorkflowDemo } from "./demos/WorkflowDemo";

const DEMOS: Record<DemoKey, (props: { className?: string }) => React.ReactNode> = {
  review: ReviewDemo,
  workflow: WorkflowDemo,
  ai: AiDemo,
  editor: EditorDemo,
  security: SecurityDemo,
  hosting: HostingDemo,
};

export function FeatureDemo({ demo, className }: { demo: DemoKey; className?: string }) {
  const Demo = DEMOS[demo];
  return <Demo className={className} />;
}