import{jsx as r,jsxs as n}from"react/jsx-runtime";import{memo as t}from"react";import{PanelHeader as s}from"@redocly/theme/components/Panel/PanelHeader";import{PayloadSamples as l}from"../PayloadSamples/index.js";import{ServerListDropdown as d}from"../ServerListDropdown/index.js";import{CodeBlockPanel as i}from"../common/index.js";import{styled as o}from"../../styled-components.js";function p({callback:e,translate:a}){return e?.hasSamples?r(i,{className:"panel-callback-samples",header:()=>n(c,{isExpandable:!1,children:[r(f,{operation:e}),r(m,{children:a("openapi.payload","Payload")})]}),isExpandable:!1,children:e?.payload?.requestBodyContent&&r(l,{content:e.payload.requestBodyContent})}):null}const C=t(p),m=o.div`
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-sm);
  padding: 0 var(--spacing-xs);
  border-radius: var(--border-radius);
  background: var(--dropdown-bg-color);
  color: var(--dropdown-text-color);
`,c=o(s)`
  flex-wrap: nowrap;
`,f=o(d)`
  padding-right: var(--spacing-base);
  min-width: 0;
`;export{C as CallbackSamples};
