import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";import{useLocation}from"react-router-dom";import{CallbackPanel}from"../Panel";import{CallbackDetails}from"./CallbackDetails";import{CallbackSummary}from"./CallbackSummary";import{pathIncludesLink}from"../../utils";export const CallbackOperation=({operation:a,operation:{callbackId:l},onExpand:e,selectedCallback:o})=>{const t=useLocation();return _jsx(CallbackPanel,{header:({expanded:l,toggle:o})=>_jsx(CallbackSummary,{callback:a,toggle:t=>{null==o||o(t),null==e||e(l?null:a)},expanded:l}),expanded:(null==o?void 0:o.callbackId)===l||pathIncludesLink(t,l),className:"panel-response-callback",children:_jsxs(CallbackDetailsWrap,{children:[_jsx(CallbackDetails,{operation:a}),_jsx(LeftBorder,{})]})})};const CallbackDetailsWrap=styled.div`
  position: relative;
  .property:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
`,LeftBorder=styled.div`
  position: absolute;
  height: calc(100% + 14px);
  border-left: 1px solid var(--border-color-primary);
  top: -14px;
  left: -12px;
  z-index: 0;
`;
//# sourceMappingURL=CallbackOperation.js.map