/*@jsxRuntime automatic*/
/*@jsxImportSource react*/
function _createMdxContent(props) {
  const _components = {
    code: "code",
    pre: "pre",
    ...props.components
  }, {CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger} = _components;
  if (!CodeBlockTab) _missingMdxReference("CodeBlockTab", true);
  if (!CodeBlockTabs) _missingMdxReference("CodeBlockTabs", true);
  if (!CodeBlockTabsList) _missingMdxReference("CodeBlockTabsList", true);
  if (!CodeBlockTabsTrigger) _missingMdxReference("CodeBlockTabsTrigger", true);
  return <CodeBlockTabs defaultValue="ts"><CodeBlockTabsList><CodeBlockTabsTrigger value="ts">{"TypeScript"}</CodeBlockTabsTrigger><CodeBlockTabsTrigger value="js">{"JavaScript"}</CodeBlockTabsTrigger></CodeBlockTabsList><CodeBlockTab value="ts"><_components.pre><_components.code className="language-tsx">{"import { ReactNode } from 'react';\n\nexport default function Layout({ children }: { children: ReactNode }) {\n  const v: string = 'hello world' as any;\n\n  return (\n    <div>\n      {children} {v}\n    </div>\n  );\n}\n"}</_components.code></_components.pre></CodeBlockTab><CodeBlockTab value="js"><_components.pre><_components.code className="language-jsx">{"import { ReactNode } from 'react';\nexport default function Layout({ children }) {\n  const v = 'hello world';\n  return (<div>\n      {children} {v}\n    </div>);\n}\n"}</_components.code></_components.pre></CodeBlockTab></CodeBlockTabs>;
}
export default function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = props.components || ({});
  return MDXLayout ? <MDXLayout {...props}><_createMdxContent {...props} /></MDXLayout> : _createMdxContent(props);
}
function _missingMdxReference(id, component) {
  throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it.");
}
