import{r as c,ec as x,j as s,B as e,T as l,U as d}from"./index-c3f592b2.js";import{A as p,U as g}from"./index-ce223ada.js";import{D as h}from"./Divider-057a9865.js";const j=({instance_id:i,modal_path:o})=>{const t=c.useRef(null),{assigneUser:{checkAssigneUser:a}}=x();return s.jsxs(e,{pb:1,children:[s.jsxs(e,{p:3,sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[s.jsx(l,{variant:"h6",fontWeight:600,children:"Assigned Users"}),a&&s.jsx(d,{variant:"outlined",size:"small",onClick:()=>{var n;const r=(n=t.current)==null?void 0:n.querySelector("button");r==null||r.click()},sx:{borderRadius:2,textTransform:"none",fontWeight:600},children:"Assign User"})]}),s.jsx(e,{ref:t,sx:{display:"none"},children:s.jsx(p,{instance_id:i,modal_path:o})}),s.jsx(e,{sx:{width:"100%","& .MuiContainer-root":{maxWidth:"100% !important",px:0}},children:s.jsx(g,{})}),s.jsx(h,{sx:{width:"calc(100% + 48px)",marginLeft:"-24px",mt:2}})]})};export{j as A};
