import{jsx as r,jsxs as o}from"react/jsx-runtime";import{PanelHeader as p}from"@redocly/theme/components/Panel/PanelHeader";import{Badge as d}from"@redocly/theme/components/Badge/Badge";import{Trigger as f}from"../Panel/index.js";import{HttpVerb as g}from"../common/index.js";import{makeDeepLink as b}from"../../services/index.js";import{shortenHTTPVerb as h}from"../../utils/index.js";import{CallbackTitle as k}from"./styled.js";import{CircleIcon as v}from"../PropertyDetails/PlusCircleIcon.js";import{LinkToField as u}from"../common/LinkToField.js";import{styled as n}from"../../styled-components.js";function F({expanded:e=!1,toggle:t,callback:{name:l,httpVerb:i,deprecated:a,callbackId:c,id:s},translate:m}){return o(x,{expanded:e,onClick:t,children:[r(u,{to:b(s,`callbacks/${c}`)}),o(f,{children:[r(y,{children:r(v,{sign:e?"-":"+"})}),r(k,{deprecated:a,children:l}),r(g,{color:i,children:h(i)}),a?r(d,{deprecated:!0,children:m("openapi.badges.deprecated","Deprecated")}):null]})]})}const x=n(p)`
  padding: var(--spacing-sm) 0 var(--spacing-sm) calc(var(--spacing-unit) / 2);
  margin: 0;
  line-height: var(--line-height-base);
  position: relative;
`,y=n.button`
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0;
  gap: var(--spacing-xxs);
  color: var(--text-color-secondary);
  font-size: var(--font-size-base);
  font-family: var(--font-family-base);
  line-height: var(--line-height-base);
`;export{F as CallbackSummary};
