export declare const apiPlaygroundDemoTemplate = "\"use client\";\nimport dynamic from \"next/dynamic\";\nimport type { OperationDescriptor } from \"@/types/openapi\";\nimport type { AllowlistEntry } from \"@/utils/playgroundAllowlist\";\n\n// Lazy-load the playground so it only ships to pages that actually render the\n// demo (this wrapper is registered globally for MDX, but the heavy component\n// stays in its own chunk). SSR is left on (the default) so the compact bar is\n// present in the initial HTML and does not flash in after hydration - the\n// modal is closed on first render, so there is nothing browser-only to run.\nconst ApiPlayground = dynamic(() =>\n  import(\"@/components/layout/ApiPlayground\").then((m) => m.ApiPlayground),\n);\n\n// A self-contained live demo for the docs. It calls a public, CORS-enabled test\n// API in direct mode, so it works even without a configured OpenAPI spec. The\n// server proxy is unaffected - it still only forwards to allowlisted servers;\n// this inline allowlist only relaxes the client-side pre-flight for the demo.\nconst DEMO_OPERATION: OperationDescriptor = {\n  specName: \"demo\",\n  operationId: \"createPost\",\n  method: \"post\",\n  path: \"/posts\",\n  summary: \"Create a post\",\n  description:\n    \"Creates a blog post for a user. This demo calls JSONPlaceholder, a free public test API, so it is safe to run - it echoes your request back with a new id. Edit the body below and press Send.\",\n  tags: [\"Posts\"],\n  parameters: [],\n  requestBody: {\n    required: true,\n    content: [\n      {\n        contentType: \"application/json\",\n        schema: {\n          type: \"object\",\n          required: [\"title\", \"userId\"],\n          properties: {\n            title: { type: \"string\", description: \"The title of the post.\" },\n            body: { type: \"string\", description: \"The post's body text.\" },\n            userId: {\n              type: \"integer\",\n              description: \"Id of the user creating the post.\",\n            },\n          },\n        },\n        example: {\n          title: \"Hello from the playground\",\n          body: \"This request was sent straight from the docs.\",\n          userId: 1,\n        },\n      },\n    ],\n  },\n  responses: [\n    {\n      status: \"201\",\n      description: \"The created post, echoed back with a new id.\",\n      content: [{ contentType: \"application/json\" }],\n      headers: [],\n    },\n  ],\n  servers: [{ url: \"https://jsonplaceholder.typicode.com\" }],\n  security: [],\n  slug: \"\",\n  endpointAnchor: \"demo\",\n};\n\nconst DEMO_ALLOWLIST: AllowlistEntry[] = [\n  { scheme: \"https\", host: \"jsonplaceholder.typicode.com\", port: null },\n];\n\nexport function ApiPlaygroundDemo() {\n  return (\n    <ApiPlayground\n      operation={DEMO_OPERATION}\n      allowlist={DEMO_ALLOWLIST}\n      defaultMode=\"direct\"\n    />\n  );\n}\n";