import t from"react";import c from"styled-components";import{RedoclyGraphQLDocs as h}from"@redocly/graphql-docs";import{buildSchema as l}from"graphql";import{LayoutVariant as g}from"@redocly/theme/components/SidebarActions/SidebarActions";import{useThemeConfig as p}from"@redocly/theme/core/hooks";import{usePageSharedData as f}from"../../../../client/providers/page-data/hooks.js";import{useCodeHighlight as u}from"../../../../client/app/hooks/codeHighlight/useCodeHighlight.js";function d({pageProps:o}){const e=f("graphQlSettings"),{settings:r}=o,{graphql:a}=p(),{highlight:i}=u(),s=t.useMemo(()=>({graphql:l(e)}),[e]),m=t.useMemo(()=>{const n={...a,...r};return{layout:o.apiOptions?.layout??g.THREE_PANEL,...n,markdown:{...n.markdown,highlight:i},navigation:{contentPrefix:""}}},[a,r,i,o.apiOptions?.layout]);return t.createElement(S,null,t.createElement(h,{schema:s,settings:m}))}const S=c.div`
  --navigation-anchor-offset: var(--navbar-height);
  --sidebar-width: 0px;
`;export{d as default};
