@redocly/graphql-docs/lib-esm/src/app/components/MiddleSection.js

Redocly GraphQL docs

import{jsx as o}from"react/jsx-runtime";import{breakpoints as i,LayoutVariant as a}from"@redocly/theme";import{useSettings as s}from"../../settings/index.js";import{styled as n}from"../../styled-components.js";const d=n.section`
  word-wrap: break-word;
  width: 100%;

  @media screen and (min-width: ${i.large}) {
    width: ${({isStacked:t})=>t?"100%":"calc(var(--panel-samples-width) - 32px)"}; // 32px = gap/2 between blocks
  }
`,w=({children:t})=>{const{layout:e}=s(),r=e===a.STACKED;return o(d,{isStacked:r,children:t})};export{w as MiddleSection,d as MiddleSectionWrapper};