import{j as e}from"./jsx-runtime-Dfk2JFgj.js";import{r as f}from"./index-CWN_QRa1.js";import{v as m}from"./index-DNsi8NHw.js";import{B as x}from"./index-CIVavKlu.js";import"./CheckGroup-BpaEcK_0.js";import"./index-Cj3pldWQ.js";import"./index-DgIb9kCw.js";import"./index-DllfNvuz.js";import"./index-6WYjB5r3.js";import"./DefaultPropsProvider-BPu7lNPC.js";import"./index-Bk93qgka.js";import"./index-DnVHLn3F.js";import"./v4-CtRu48qb.js";import"./tiny-invariant-CopsF_GD.js";import"./iframe-BT4Dhm0c.js";const M={title:"Components/ModalAlert",component:m,argTypes:{onCancel:{table:{disable:!0}},onAccept:{table:{disable:!0}},onClose:{table:{disable:!0}}}},d=n=>{const[u,s]=f.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[e.jsx("div",{style:{marginBottom:"10px"},children:"TESTING BACKGROUND"}),e.jsx(x,{variant:"primary",onClick:()=>s(!0),children:"Open Modal Alert"})]}),e.jsx(m,{...n,open:u||n.open,onCancel:()=>{console.log("Cancel clicked"),s(!1)},onAccept:()=>{console.log("Accept clicked"),s(!1)},onClose:()=>{s(!1)}})]})},t=d.bind({});t.parameters={controls:{}};t.args={title:"Remember to Save Changes",text:"If you want to lose the adjustments, click Accept. Otherwise, click Cancel to return to the screen and be able to save the changes.",cancelText:"Cancel",acceptText:"Accept",open:!1};const o=d.bind({});o.args={title:"Confirm Action",text:"Are you sure you want to proceed with this action?",cancelText:"No, go back",acceptText:"Yes, continue",open:!1};var r,a,l;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`args => {
  const [isOpen, setIsOpen] = useState(false);
  return <>
        <div style={{
      display: "flex",
      flexDirection: "column",
      alignItems: "center"
    }}>
            <div style={{
        marginBottom: "10px"
      }}>TESTING BACKGROUND</div>
            <Button variant="primary" onClick={() => setIsOpen(true)}>
                {'Open Modal Alert'}
            </Button>
        </div>

        <ModalAlert {...args} open={isOpen || args.open} onCancel={() => {
      console.log('Cancel clicked');
      setIsOpen(false);
    }} onAccept={() => {
      console.log('Accept clicked');
      setIsOpen(false);
    }} onClose={() => {
      setIsOpen(false);
    }} />
    </>;
}`,...(l=(a=t.parameters)==null?void 0:a.docs)==null?void 0:l.source}}};var c,i,p;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:`args => {
  const [isOpen, setIsOpen] = useState(false);
  return <>
        <div style={{
      display: "flex",
      flexDirection: "column",
      alignItems: "center"
    }}>
            <div style={{
        marginBottom: "10px"
      }}>TESTING BACKGROUND</div>
            <Button variant="primary" onClick={() => setIsOpen(true)}>
                {'Open Modal Alert'}
            </Button>
        </div>

        <ModalAlert {...args} open={isOpen || args.open} onCancel={() => {
      console.log('Cancel clicked');
      setIsOpen(false);
    }} onAccept={() => {
      console.log('Accept clicked');
      setIsOpen(false);
    }} onClose={() => {
      setIsOpen(false);
    }} />
    </>;
}`,...(p=(i=o.parameters)==null?void 0:i.docs)==null?void 0:p.source}}};const N=["Default","CustomTexts"];export{o as CustomTexts,t as Default,N as __namedExportsOrder,M as default};
