@redocly/asyncapi-docs/lib/components/common/BindingPanel.js

Async API docs for Redocly Realm

import{jsx as e}from"react/jsx-runtime";import{SamplesMiddlePanel as l}from"@redocly/openapi-docs";import a from"styled-components";import{Panel as t}from"@redocly/theme/components/Panel/Panel";import{PanelBody as i}from"@redocly/theme/components/Panel/PanelBody";import{PanelHeader as r}from"@redocly/theme/components/Panel/PanelHeader";const x=({header:o,children:n})=>e(s,{className:"panel-messages-samples",header:()=>e(r,{isExpandable:!1,children:o}),children:n}),s=a(t)`
  ${i} {
    background-color: var(--layer-color-ontonal);
    padding: 0;

    > *:not(:last-child) {
      border-bottom: var(--panel-border-local);
    }

    & div {
      border-bottom: none;
    }
  }

  ${r} {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: var(--spacing-xs);
  }

  ${l} {
    padding: 0 var(--spacing-md);
  }
`,b=a.div`
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-xs);
`;export{x as BindingPanel,s as CodeBlockPanel,b as Header};