2 lines
4.1 KiB
JavaScript
2 lines
4.1 KiB
JavaScript
import{j as e,r as a}from"./chunk-UIGDSWPH-BhuNDbxn.js";import{C as i}from"./ComponentCard-C2b5w2__.js";import{B as s,P as S}from"./main-af3pcbZa.js";import{M as c}from"./index-ju2wdkG8.js";import{A as o}from"./AlertModal-BhtTtzZV.js";function b({isOpen:d,onClose:l,onConfirm:m,title:n,message:h,confirmText:p="Confirm",cancelText:f="Cancel",variant:r="danger",isLoading:t=!1}){return e.jsx(c,{isOpen:d,onClose:l,className:"max-w-md",children:e.jsxs("div",{className:"p-6",children:[e.jsx("h2",{className:"text-xl font-bold mb-4 text-gray-800 dark:text-white",children:n}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-6",children:h}),e.jsxs("div",{className:"flex justify-end gap-4",children:[e.jsx(s,{variant:"outline",onClick:l,disabled:t,children:f}),e.jsx(s,{variant:"primary",onClick:m,disabled:t,children:t?"Processing...":p})]})]})})}function I(){const[d,l]=a.useState(!1),[m,n]=a.useState(!1),[h,p]=a.useState(!1),[f,r]=a.useState(!1),[t,x]=a.useState(!1),[O,u]=a.useState(!1),[v,j]=a.useState(!1),[M,C]=a.useState(!1),[A,g]=a.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(S,{title:"React.js Modals Dashboard | TailAdmin - React.js Admin Dashboard Template",description:"This is React.js Modals Dashboard page for TailAdmin - React.js Tailwind CSS Admin Dashboard Template"}),e.jsxs("div",{className:"space-y-5 sm:space-y-6",children:[e.jsxs(i,{title:"Default Modal",children:[e.jsx(s,{onClick:()=>l(!0),children:"Open Default Modal"}),e.jsx(c,{isOpen:d,onClose:()=>l(!1),className:"max-w-lg",children:e.jsxs("div",{className:"p-6",children:[e.jsx("h2",{className:"text-xl font-bold mb-4",children:"Default Modal Title"}),e.jsx("p",{children:"This is a default modal. It can contain any content."}),e.jsxs("div",{className:"flex justify-end gap-4 mt-6",children:[e.jsx(s,{variant:"outline",onClick:()=>l(!1),children:"Close"}),e.jsx(s,{variant:"primary",children:"Save Changes"})]})]})})]}),e.jsxs(i,{title:"Centered Modal",children:[e.jsx(s,{onClick:()=>n(!0),children:"Open Centered Modal"}),e.jsx(c,{isOpen:m,onClose:()=>n(!1),className:"max-w-md",children:e.jsxs("div",{className:"p-6 text-center",children:[e.jsx("h2",{className:"text-xl font-bold mb-4",children:"Centered Modal Title"}),e.jsx("p",{children:"This modal is vertically and horizontally centered."}),e.jsx(s,{onClick:()=>n(!1),className:"mt-6",children:"Close"})]})})]}),e.jsxs(i,{title:"Full Screen Modal",children:[e.jsx(s,{onClick:()=>r(!0),children:"Open Full Screen Modal"}),e.jsx(c,{isOpen:f,onClose:()=>r(!1),isFullscreen:!0,children:e.jsxs("div",{className:"p-6 bg-white dark:bg-gray-900 w-full h-full flex flex-col",children:[e.jsx("h2",{className:"text-2xl font-bold mb-4",children:"Full Screen Modal"}),e.jsx("p",{className:"flex-grow",children:"This modal takes up the entire screen. Useful for complex forms or detailed views."}),e.jsx(s,{onClick:()=>r(!1),className:"mt-6 self-end",children:"Close Full Screen"})]})})]}),e.jsxs(i,{title:"Confirmation Dialog",children:[e.jsx(s,{onClick:()=>x(!0),variant:"danger",children:"Open Confirmation Dialog"}),e.jsx(b,{isOpen:t,onClose:()=>x(!1),onConfirm:()=>{alert("Action Confirmed!"),x(!1)},title:"Confirm Action",message:"Are you sure you want to proceed with this action? It cannot be undone.",confirmText:"Proceed",variant:"danger"})]}),e.jsxs(i,{title:"Alert Modals",children:[e.jsxs("div",{className:"flex flex-wrap gap-3",children:[e.jsx(s,{onClick:()=>u(!0),variant:"success",children:"Success Alert"}),e.jsx(s,{onClick:()=>j(!0),variant:"info",children:"Info Alert"}),e.jsx(s,{onClick:()=>C(!0),variant:"warning",children:"Warning Alert"}),e.jsx(s,{onClick:()=>g(!0),variant:"danger",children:"Danger Alert"})]}),e.jsx(o,{isOpen:O,onClose:()=>u(!1),title:"Success!",message:"Your operation was completed successfully.",variant:"success"}),e.jsx(o,{isOpen:v,onClose:()=>j(!1),title:"Information",message:"This is an informational message for the user.",variant:"info"}),e.jsx(o,{isOpen:M,onClose:()=>C(!1),title:"Warning!",message:"Please be careful, this action has consequences.",variant:"warning"}),e.jsx(o,{isOpen:A,onClose:()=>g(!1),title:"Danger!",message:"This is a critical alert. Proceed with caution.",variant:"danger"})]})]})]})}export{I as default};
|