import{jsx as r,jsxs as c}from"react/jsx-runtime";import{useLocation as d}from"react-router-dom";import{useTranslate as b}from"../../hooks/index.js";import{CallbackPanel as f}from"../Panel/index.js";import{CallbackDetails as x}from"./CallbackDetails.js";import{CallbackSummary as u}from"./CallbackSummary.js";import{pathIncludesLink as k}from"../../utils/index.js";import{styled as l}from"../../styled-components.js";const B=({operation:o,operation:{callbackId:a},onExpand:s,selectedCallback:n})=>{const t=b(),i=d();return r(f,{header:({expanded:e,toggle:m})=>r(u,{callback:o,toggle:p=>{m?.(p),s?.(e?null:o)},expanded:e,translate:t}),expanded:n?.callbackId===a||k(i,a),className:"panel-response-callback",children:c(h,{children:[r(x,{operation:o,translate:t}),r(y,{})]})})},h=l.div`
  position: relative;
  .property:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
`,y=l.div`
  position: absolute;
  height: calc(100% + 14px);
  border-left: 1px solid var(--border-color-primary);
  top: -14px;
  left: -12px;
  z-index: 0;
`;export{B as CallbackOperation};
