https://app.middleware.io/static/DZKxidyk.production.bundle.min.js

1import{r as o,j as e,R as z}from"./CgBZl8m0.production.bundle.min.js";import{S as p}from"./D4lvmK5r.production.bundle.min.js";import{F as s}from"./DV0DPFOt.production.bundle.min.js";import{aE as r,aF as d,aG as V}from"./CY9JcdZ7.production.bundle.min.js";import{F as G}from"./9A2MyIo7.production.bundle.min.js";import{F as H}from"./CIT-tl5U.production.bundle.min.js";import{a as M}from"./B_v3Fv2u.production.bundle.min.js";import{F as i}from"./DuMSlPdM.production.bundle.min.js";import{R as N}from"./BFsIcxdk.production.bundle.min.js";import"./BTOj8ijf.production.bundle.min.js";import"./BOFlCg2s.production.bundle.min.js";import"./BhEpiGZx.production.bundle.min.js";import"./CJLuAe4t.production.bundle.min.js";import"./CHbJgqnE.production.bundle.min.js";import"./Dsqj8S3w.production.bundle.min.js";import"./DpOFvyFl.production.bundle.min.js";import"./uYRgXL5M.production.bundle.min.js";import"./BS0dGend.production.bundle.min.js";import"./CMxhj3GZ.production.bundle.min.js";import"./Czbq-YEj.production.bundle.min.js";import"./9zG8c1d8.production.bundle.min.js";import"./C7aKDdDU.production.bundle.min.js";import"./DohGM9_I.production.bundle.min.js";import"./Czj00ZrM.production.bundle.min.js";import"./vhNSgALD.production.bundle.min.js";import"./B7jgtT_H.production.bundle.min.js";import"./M_FBjfQJ.production.bundle.min.js";import"./DlG3g9Q4.production.bundle.min.js";import"./URTTg1rg.production.bundle.min.js";import"./IimQW1M7.production.bundle.min.js";import"./CUU-sqeu.production.bundle.min.js";import"./DvJkqRNe.production.bundle.min.js";import"./BWr4BVpJ.production.bundle.min.js";import"./BpQvVIpM.production.bundle.min.js";import"./BZwPEnwo.production.bundle.min.js";import"./DhCfBX8j.production.bundle.min.js";import"./CHbz8HD7.production.bundle.min.js";import"./PSw9bd14.production.bundle.min.js";import"./BaeVAzEX.production.bundle.min.js";import"./CK-5Vo_r.production.bundle.min.js";import"./BAUftK01.production.bundle.min.js";import"./BKtnA6hw.production.bundle.min.js";import"./DnFKFUTo.production.bundle.min.js";import"./CrsULzDT.production.bundle.min.js";import"./CRSxynHN.production.bundle.min.js";import"./_LyuCvYL.production.bundle.min.js";import"./DnQqxH0F.production.bundle.min.js";import"./B5sicRKc.production.bundle.min.js";import"./DfuBMIlV.production.bundle.min.js";const Ve=()=>{const[a,h]=o.useState(!0),[n,x]=o.useState(!1),[l,g]=o.useState(!1),[u,j]=o.useState(!1),[c,S]=o.useState(!1),[m,b]=o.useState(!1),[f,C]=o.useState(""),[k,F]=o.useState(""),[T,v]=o.useState(""),[y,w]=o.useState(""),I=()=>{h(!a)},U=()=>{x(!n)},R=()=>{g(!l)},A=()=>{S(!c)},E=()=>{b(!m)};return e.jsxs(z.Fragment,{children:[e.jsx("h3",{children:"Form Elements"}),e.jsxs("div",{className:"guide__example",children:[e.jsxs("div",{children:[e.jsx("h4",{children:"Form Switch"}),e.jsx(r,{checked:a,onChange:I,label:"Switch",id:"toggle1"}),e.jsx("br",{}),e.jsx(r,{checked:n,onChange:U,label:"Switch",id:"toggle2",disabled:!0,children:"Toggle"}),e.jsx("br",{}),e.jsx(r,{checked:l,onChange:R,label:"Switch",id:"toggle3",showSecondaryToggleOffState:!0,children:"Toggle with secondary off state color"})]}),e.jsxs("div",{children:[e.jsx("h4",{children:"Checkbox"}),e.jsx(s,{id:"checkbox1",checked:u,onChange:t=>{console.log(t,"Checked.."),j(t??!1)},label:"Checkbox",prefixLabelIcon:e.jsx(N,{})}),e.jsx(s,{id:"checkbox2",checked:c,onChange:A,label:"Checkbox",size:p.Small,disabled:!0}),e.jsx(s,{id:"checkbox3",checked:m,onChange:E,showMinusIcon:!0,size:p.Small})]}),e.jsxs("div",{children:[e.jsx("h4",{children:"Text Input"}),e.jsx(i,{id:"example",label:"Add name",value:f,placeholder:"Add your host name",onChange:t=>{C(t)},infoText:"Info"}),e.jsx(H,{isError:!0,text:"This is input validation"})]}),e.jsxs("div",{children:[e.jsx("h4",{children:"Text Area"}),e.jsx(M,{id:"example",value:k,placeholder:"Add your message",onChange:t=>{F(t)}})]}),e.jsx("div",{children:e.jsx(G,{defaultSelected:"USA",onSelect:t=>{console.log(t,"name...")}})}),e.jsx("h4",{children:"Input with unit"}),e.jsx(d,{unit:"Hosts",children:e.jsx(i,{type:"number",id:"host-type",value:T,onChange:t=>{v(t)}})}),e.jsx("br",{}),e.jsx("div",{children:e.jsx(d,{unit:"$",isPrefixUnit:!0,children:e.jsx(i,{type:"number",id:"price-type",value:y,onChange:t=>{w(t)}})})}),e.jsxs("div",{children:[e.jsx("h4",{children:"Form Radio Button"}),e.jsx(V,{name:"radio-group",onChange:t=>console.log(">>> selected option value",t),defaultValue:"option 2",options:["option 1","option 2","option 3"]})]})]})]})};export{Ve as default};