https://ra-admin-next.vercel.app/_next/static/chunks/9337.b1ee43d0060e854f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9337],{1497:(e,s,a)=>{a.d(s,{A:()=>m});var c=a(12115),l=a(12758),t=a.n(l),n=a(85203),i=a.n(n),r=a(4217),o=["className","cssModule","row","disabled","check","inline","floating","noMargin","tag","switch"];function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e}).apply(this,arguments)}function h(e){var s=e.className,a=e.cssModule,l=e.row,t=e.disabled,n=e.check,h=e.inline,m=e.floating,x=e.noMargin,p=e.tag,b=void 0===p?"div":p,u=e.switch,g=function(e,s){if(null==e)return{};var a,c,l=function(e,s){if(null==e)return{};var a,c,l={},t=Object.keys(e);for(c=0;c<t.length;c++)a=t[c],s.indexOf(a)>=0||(l[a]=e[a]);return l}(e,s);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(c=0;c<t.length;c++)a=t[c],!(s.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}(e,o),f=n||u,j=(0,r.qO)(i()(s,!!l&&"row",!!f&&"form-check",!!u&&"form-switch",!f&&!x&&"mb-3",!!f&&!!h&&"form-check-inline",!!f&&!!t&&"disabled",m&&"form-floating"),a);return"fieldset"===b&&(g.disabled=t),c.createElement(b,d({},g,{className:j}))}h.propTypes={children:t().node,row:t().bool,check:t().bool,switch:t().bool,inline:t().bool,floating:t().bool,noMargin:t().bool,disabled:t().bool,tag:r.Wx,className:t().string,cssModule:t().object};let m=h},3361:(e,s,a)=>{a.d(s,{A:()=>l});var c=a(95155);a(12115);let l=e=>{let{title:s,mainTitle:a,path:l,icon:t}=e;return(0,c.jsx)("div",{className:"row m-1",children:(0,c.jsxs)("div",{className:"col-12",children:[(0,c.jsx)("h4",{className:"main-title",children:a}),(0,c.jsxs)("ul",{className:"app-line-breadcrumbs mb-3",children:[(0,c.jsx)("li",{children:(0,c.jsx)("a",{href:"#",className:"f-s-14 f-w-500",children:(0,c.jsxs)("span",{children:[t,s]})})}),l.map((e,s)=>(0,c.jsx)("li",{className:s===l.length-1?"active":"",children:s===l.length-1?(0,c.jsx)("a",{href:"#",children:e}):(0,c.jsx)("span",{children:e})},s))]})]})})}},11404:(e,s,a)=>{a.d(s,{A:()=>g});var c=a(12115),l=a(12758),t=a.n(l),n=a(85203),i=a.n(n),r=a(4217);function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var d=["className","cssModule","type","bsSize","valid","invalid","tag","addon","plaintext","innerRef"];function h(){return(h=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e}).apply(this,arguments)}function m(e,s){return(m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,s){return e.__proto__=s,e})(e,s)}function x(e){if(void 0===e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var b={children:t().node,type:t().string,size:t().oneOfType([t().number,t().string]),bsSize:t().string,valid:t().bool,invalid:t().bool,tag:r.Wx,innerRef:t().oneOfType([t().object,t().func,t().string]),plaintext:t().bool,addon:t().bool,className:t().string,cssModule:t().object},u=function(e){if("function"!=typeof e&&null!==e)throw TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&m(t,e);var s,a,l=(s=function(){if("undefined"==typeof Reflect||!Reflect.construct||Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}(),function(){var e,a=p(t);return e=s?Reflect.construct(a,arguments,p(this).constructor):a.apply(this,arguments),function(e,s){if(s&&("object"===o(s)||"function"==typeof s))return s;if(void 0!==s)throw TypeError("Derived constructors may only return object or undefined");return x(e)}(this,e)});function t(e){var s;if(!(this instanceof t))throw TypeError("Cannot call a class as a function");return(s=l.call(this,e)).getRef=s.getRef.bind(x(s)),s.focus=s.focus.bind(x(s)),s}return a=[{key:"getRef",value:function(e){this.props.innerRef&&this.props.innerRef(e),this.ref=e}},{key:"focus",value:function(){this.ref&&this.ref.focus()}},{key:"render",value:function(){var e=this.props,s=e.className,a=e.cssModule,l=e.type,t=void 0===l?"text":l,n=e.bsSize,o=e.valid,m=e.invalid,x=e.tag,p=e.addon,b=e.plaintext,u=e.innerRef,g=function(e,s){if(null==e)return{};var a,c,l=function(e,s){if(null==e)return{};var a,c,l={},t=Object.keys(e);for(c=0;c<t.length;c++)a=t[c],s.indexOf(a)>=0||(l[a]=e[a]);return l}(e,s);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(c=0;c<t.length;c++)a=t[c],!(s.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}(e,d),f=["switch","radio","checkbox"].indexOf(t)>-1,j="textarea"===t,k="select"===t,y="range"===t,N=x||(k||j?t:"input"),C="form-control";b?(C="".concat(C,"-plaintext"),N=x||"input"):y?C="form-range":k?C="form-select":f&&(C=p?null:"form-check-input"),g.size&&/\D/g.test(g.size)&&((0,r.mc)('Please use the prop "bsSize" instead of the "size" to bootstrap\'s input sizing.'),n=g.size,delete g.size);var v=(0,r.qO)(i()(s,m&&"is-invalid",o&&"is-valid",!!n&&(k?"form-select-".concat(n):"form-control-".concat(n)),C),a);return("input"===N||x&&"function"==typeof x)&&(g.type="switch"===t?"checkbox":t),g.children&&!(b||"select"===t||"string"!=typeof N||"select"===N)&&((0,r.mc)('Input with a type of "'.concat(t,'" cannot have children. Please use "value"/"defaultValue" instead.')),delete g.children),c.createElement(N,h({},g,{ref:u,className:v,"aria-invalid":m}))}}],function(e,s){for(var a=0;a<s.length;a++){var c=s[a];c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(e,c.key,c)}}(t.prototype,a),Object.defineProperty(t,"prototype",{writable:!1}),t}(c.Component);u.propTypes=b;let g=u},29337:(e,s,a)=>{a.r(s),a.d(s,{default:()=>y});var c=a(95155),l=a(12115),t=a(91703),n=a(81324),i=a(37690),r=a(49850),o=a(37083),d=a(87150),h=a(1497),m=a(11404),x=a(43634),p=a(3361);let b=[{name:"radio-group",radios:[{id:"primary",label:"Primary",colorClass:"check-primary",textClass:"text-primary"},{id:"secondary",label:"Secondary",colorClass:"check-secondary",textClass:"text-secondary"},{id:"success",label:"Success",colorClass:"check-success",textClass:"text-success"},{id:"danger",label:"Danger",colorClass:"check-danger",textClass:"text-danger"},{id:"warning",label:"Warning",colorClass:"check-warning",textClass:"text-warning"},{id:"info",label:"Info",colorClass:"check-info",textClass:"text-info"},{id:"light",label:"Light",colorClass:"check-light",textClass:"text-light"},{id:"dark",label:"Dark",colorClass:"check-dark",textClass:"text-dark"}]},{name:"radio-group1",radios:[{id:"primary",label:"Primary",colorClass:"outline-primary",textClass:"text-primary"},{id:"secondary",label:"Secondary",colorClass:"outline-secondary",textClass:"text-secondary"},{id:"success",label:"Success",colorClass:"outline-success",textClass:"text-success"},{id:"danger",label:"Danger",colorClass:"outline-danger",textClass:"text-danger"},{id:"warning",label:"Warning",colorClass:"outline-warning",textClass:"text-warning"},{id:"info",label:"Info",colorClass:"outline-info",textClass:"text-info"},{id:"light",label:"Light",colorClass:"outline-light",textClass:"text-light"},{id:"dark",label:"Dark",colorClass:"outline-dark",textClass:"text-dark"}]},{name:"radio-group2",radios:[{id:"primary",label:"Primary",colorClass:"light-primary",textClass:"text-primary"},{id:"secondary",label:"Secondary",colorClass:"light-secondary",textClass:"text-secondary"},{id:"success",label:"Success",colorClass:"light-success",textClass:"text-success"},{id:"danger",label:"Danger",colorClass:"light-danger",textClass:"text-danger"},{id:"warning",label:"Warning",colorClass:"light-warning",textClass:"text-warning"},{id:"info",label:"Info",colorClass:"light-info",textClass:"text-info"},{id:"light",label:"Light",colorClass:"light-light",textClass:"text-light"},{id:"dark",label:"Dark",colorClass:"light-dark",textClass:"text-dark"}]}],u=[{name:"checkbox-group",checkboxes:[{id:"primary",label:"Primary",colorClass:"check-primary",textClass:"text-primary"},{id:"secondary",label:"Secondary",colorClass:"check-secondary",textClass:"text-secondary"},{id:"success",label:"Success",colorClass:"check-success",textClass:"text-success"},{id:"danger",label:"Danger",colorClass:"check-danger",textClass:"text-danger"},{id:"warning",label:"Warning",colorClass:"check-warning",textClass:"text-warning"},{id:"info",label:"Info",colorClass:"check-info",textClass:"text-info"},{id:"light",label:"Light",colorClass:"check-light",textClass:"text-light"},{id:"dark",label:"Dark",colorClass:"check-dark",textClass:"text-dark"}]},{name:"checkbox-group1",checkboxes:[{id:"primary",label:"Primary",colorClass:"outline-primary",textClass:"text-primary"},{id:"secondary",label:"Secondary",colorClass:"outline-secondary",textClass:"text-secondary"},{id:"success",label:"Success",colorClass:"outline-success",textClass:"text-success"},{id:"danger",label:"Danger",colorClass:"outline-danger",textClass:"text-danger"},{id:"warning",label:"Warning",colorClass:"outline-warning",textClass:"text-warning"},{id:"info",label:"Info",colorClass:"outline-info",textClass:"text-info"},{id:"light",label:"Light",colorClass:"outline-light",textClass:"text-light"},{id:"dark",label:"Dark",colorClass:"outline-dark",textClass:"text-dark"}]},{name:"checkbox-group2",checkboxes:[{id:"primary",label:"Primary",colorClass:"light-primary",textClass:"text-primary"},{id:"secondary",label:"Secondary",colorClass:"light-secondary",textClass:"text-secondary"},{id:"success",label:"Success",colorClass:"light-success",textClass:"text-success"},{id:"danger",label:"Danger",colorClass:"light-danger",textClass:"text-danger"},{id:"warning",label:"Warning",colorClass:"light-warning",textClass:"text-warning"},{id:"info",label:"Info",colorClass:"light-info",textClass:"text-info"},{id:"light",label:"Light",colorClass:"light-light",textClass:"text-light"},{id:"dark",label:"Dark",colorClass:"light-dark",textClass:"text-dark"}]}],g=[{type:"radio",name:"options",options:[{id:"option1",label:"Checked",className:"btn-primary",checked:!0},{id:"option2",label:"Radio",className:"btn-secondary",checked:!1}

1,{id:"option3",label:"Disabled",className:"btn-success",checked:!1,disabled:!0},{id:"option4",label:"Radio",className:"btn-danger",checked:!1}]},{type:"checkbox",name:"checkbox-options",options:[{id:"btn-check",label:"Single toggle",className:"btn-primary",checked:!1},{id:"btn-check-2",label:"Checked",className:"btn-secondary",checked:!0},{id:"btn-check-3",label:"Checked",className:"btn-success",checked:!0},{id:"btn-check-4",label:"Disabled",className:"btn-danger",checked:!1,disabled:!0}]},{type:"checkbox",name:"outlined-options",options:[{id:"btn-check-outlined",label:"Single toggle",className:"btn-outline-primary",checked:!1},{id:"btn-check-2-outlined",label:"Checked",className:"btn-outline-secondary",checked:!0},{id:"success-outlined",label:"Checked success radio",className:"btn-outline-success",checked:!0,type:"radio"},{id:"danger-outlined",label:"Danger radio",className:"btn-outline-danger",checked:!1,type:"radio"}]}],f=["Visa Card","Credit / Debit Card","Paypal","Other UPI Apps"],j=[{name:"Mark Moen",role:"UI/UX Designer",img:"1.png"},{name:"Johan Moen",role:"Web Designer",img:"2.png"},{name:"Moen Deo",role:"Web Developer",img:"3.png"},{name:"Lenora Bogisich",role:"Web Developer",img:"16.png"}],k=[{name:"App Development",description:"Mobile app development is the act or process by which a mobile app is developed for one or more mobile devices.",icon:"ti ti-brand-appstore"},{name:"Web Development",description:"Web development is the work involved in developing a website for the Internet or an intranet.",icon:"ti ti-browser"}],y=()=>{let[e,s]=(0,l.useState)({instagram:!0,twitter:!1,facebook:!1,snapchat:!1}),a=e=>{s(s=>({...s,[e]:!s[e]}))},[y,N]=(0,l.useState)("instagram"),C=e=>{N(e.target.value)},[v,A]=(0,l.useState)("3"),[w,O]=(0,l.useState)({1:!1,2:!0,3:!0}),S=e=>{A(e.target.value)},D=e=>{let s=e.target.value;O(e=>({...e,[s]:!e[s]}))},[P,R]=(0,l.useState)(null),[M,I]=(0,l.useState)([]),[z,W]=(0,l.useState)(null),_=e=>{R(e.target.value)},T=e=>{W(e.target.value)};return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(t.A,{fluid:!0,children:[(0,c.jsx)(p.A,{mainTitle:"Checkbox & Radio",title:"Forms elements",path:["Checkbox & Radio"],icon:(0,c.jsx)("i",{className:"ph-duotone  ph-cardholder f-s-16"})}),(0,c.jsxs)(n.A,{children:[(0,c.jsx)(i.A,{md:6,children:(0,c.jsxs)(r.A,{children:[(0,c.jsx)(o.A,{children:(0,c.jsx)("h5",{children:"Custom Radio"})}),(0,c.jsx)(d.A,{children:(0,c.jsxs)("div",{className:"d-flex flex-column gap-2",children:[(0,c.jsxs)(h.A,{check:!0,className:"d-flex align-items-center gap-1",children:[(0,c.jsx)(m.A,{className:"form-check-input f-s-18 mb-1 m-1",type:"radio",name:"flexRadioDefault",id:"radio_default1"}),(0,c.jsx)(x.A,{check:!0,for:"radio_default1",className:"form-check-label",children:"Default"})]}),(0,c.jsxs)(h.A,{check:!0,className:"d-flex align-items-center gap-1",children:[(0,c.jsx)(m.A,{className:"form-check-input f-s-18 mb-1 m-1",type:"radio",name:"flexRadioDisabled",id:"radio_disabled",disabled:!0}),(0,c.jsx)(x.A,{check:!0,for:"radio_disabled",className:"form-check-label",children:"Disabled"})]}),(0,c.jsxs)(h.A,{check:!0,className:"d-flex align-items-center gap-1",children:[(0,c.jsx)(m.A,{className:"form-check-input f-s-18 mb-1 m-1",type:"radio",name:"flexRadioDefault",id:"radio_default2",defaultChecked:!0}),(0,c.jsx)(x.A,{check:!0,for:"radio_default2",className:"form-check-label",children:"Checked"})]})]})})]})}),(0,c.jsx)(i.A,{md:6,children:(0,c.jsxs)(r.A,{children:[(0,c.jsx)(o.A,{children:(0,c.jsx)("h5",{children:"Custom Checkbox"})}),(0,c.jsx)(d.A,{children:(0,c.jsxs)(n.A,{className:"d-flex flex-wrap gap-2",children:[(0,c.jsxs)(h.A,{check:!0,className:"d-flex align-items-center gap-1",children:[(0,c.jsx)(m.A,{type:"checkbox",id:"flexCheck",label:"checkbox",className:"mg-2",defaultChecked:!0}),(0,c.jsx)(x.A,{check:!0,for:"flexCheck",className:"form-check-label",children:"checkbox"})]}),(0,c.jsxs)(h.A,{check:!0,className:"d-flex align-items-center gap-1",children:[(0,c.jsx)(m.A,{type:"checkbox",id:"flexCheckIndeterminate",label:"indeterminate checkbox",className:"mg-2"}),(0,c.jsx)(x.A,{check:!0,for:"flexCheckIndeterminate",className:"form-check-label",children:"indeterminate checkbox"})]}),(0,c.jsxs)(h.A,{check:!0,className:"d-flex align-items-center gap-1",children:[(0,c.jsx)(m.A,{type:"checkbox",id:"flexCheckDisabled",label:"Disabled checkbox",disabled:!0,className:"mg-2"}),(0,c.jsx)(x.A,{check:!0,for:"flexCheckDisabled",className:"form-check-label",children:"Disabled checkbox"})]})]})})]})}),(0,c.jsx)(i.A,{md:6,children:(0,c.jsx)(n.A,{children:(0,c.jsxs)(r.A,{children:[(0,c.jsx)(o.A,{children:(0,c.jsx)("h5",{children:"Radio with States"})}),(0,c.jsx)(d.A,{children:(0,c.jsx)(n.A,{children:b.map((e,s)=>(0,c.jsx)(i.A,{md:6,xl:4,children:(0,c.jsx)("div",{className:"check-container",children:e.radios.map(s=>(0,c.jsxs)("label",{className:"check-box",children:[(0,c.jsx)("input",{type:"radio",name:e.name,id:s.id}),(0,c.jsx)("span",{className:"radiomark ".concat(s.colorClass," ms-2")}),(0,c.jsx)("span",{className:s.textClass,children:s.label})]},s.id))})},s))})})]})})}),(0,c.jsx)(i.A,{md:6,children:(0,c.jsxs)(r.A,{children:[(0,c.jsx)(o.A,{children:(0,c.jsx)("h5",{children:"Checkbox with States"})}),(0,c.jsx)(d.A,{children:(0,c.jsx)(n.A,{children:u.map((e,s)=>(0,c.jsx)(i.A,{md:6,xl:4,children:(0,c.jsx)("div",{className:"check-container",children:e.checkboxes.map(s=>(0,c.jsxs)("label",{className:"check-box",children:[(0,c.jsx)("input",{type:"checkbox",name:e.name,id:s.id}),(0,c.jsx)("span",{className:"checkmark ".concat(s.colorClass," ms-2")}),(0,c.jsx)("span",{className:s.textClass,children:s.label})]},s.id))})},s))})})]})}),(0,c.jsx)(i.A,{xs:12,children:(0,c.jsx)(n.A,{children:g.map((e,s)=>(0,c.jsx)(i.A,{md:6,xl:4,children:(0,c.jsxs)(r.A,{children:[(0,c.jsx)(o.A,{children:(0,c.jsx)("h5",{children:"radio"===e.type?"Radio Toggle Buttons":"Checkbox Toggle Buttons"})}),(0,c.jsx)(d.A,{children:(0,c.jsx)("div",{className:"d-flex flex-wrap gap-2",children:e.options.map(s=>(0,c.jsxs)(l.Fragment,{children:[(0,c.jsx)("input",{type:s.type||e.type,className:"btn-check",id:s.id,name:e.name,defaultChecked:s.checked,disabled:s.disabled}),(0,c.jsx)("label",{className:"btn ".concat(s.className),htmlFor:s.id,children:s.label})]},s.id))})})]})},s))})}),(0,c.jsx)(i.A,{md:6,children:(0,c.jsxs)(r.A,{children:[(0,c.jsx)(o.A,{children:(0,c.jsx)("h5",{children:"Select group Checkbox With Icons"})}),(0,c.jsx)(d.A,{children:(0,c.jsx)("div",{className:"form-selectgroup ",children:(0,c.jsxs)("div",{className:"d-flex gap-2 flex-wrap",children:[(0,c.jsxs)(x.A,{check:!0,className:"d-flex align-items-center select-items",children:[(0,c.jsx)(m.A,{type:"checkbox",checked:e.instagram,onChange:()=>a("instagram"),className:"me-2 select-input"}),(0,c.jsx)("span",{className:"select-box",children:(0,c.jsxs)("span",{className:"selectitem",children:[(0,c.jsx)("i",{className:"ti ti-brand-instagram"})," Instagram"]})})]}),(0,c.jsxs)(x.A,{check:!0,className:"d-flex align-items-center select-items",children:[(0,c.jsx)(m.A,{type:"checkbox",checked:e.twitter,onChange:()=>a("twitter"),className:"me-2 select-input"}),(0,c.jsx)("span",{className:"select-box",children:(0,c.jsxs)("span",{className:"selectitem",children:[(0,c.jsx)("i",{className:"ti ti-brand-twitter"})," Twitter"]})})]}),(0,c.jsxs)(x.A,{check:!0,className:"d-flex align-items-center select-items",children:[(0,c.jsx)(m.A,{type:"checkbox",checked:e.facebook,onChange:()=>a("facebook"),className:"me-2 select-input"}),(0,c.jsx)("span",{className:"select-box",children:(0,c.jsxs)("span",{className:"selectitem",children:[(0,c.jsx)("i",{className:"ti ti-brand-facebook"})," Facebook"]})})]}),(0,c.jsxs)(x.A,{check:!0,className:"d-flex align-items-center select-items",children:[(0,c.jsx)(m.A,{type:"checkbox",checked:e.snapchat,onChange:()=>a("snapchat"),className:"me-2 select-input"}),(0,c.jsx)("span",{className:"select-box",children:(0,c.jsxs)("span",{className:"selectitem",children:[(0,c.jsx)("i",{className:"ti ti-brand-snapchat"})," Snapchat"]})})]})]})})})]})}),(0,c.jsx)(i.A,{md:6,children:(0,c.jsxs)(r.A,{children:[(0,c.jsx)(o.A,{children:(0,c.jsx)("h5",{children:"Select group Radio With Icons"})}),(0,c.jsx)(d.A,{children:(0,c.jsx)("div",{className:"form-selectgroup",children:(0,c.jsxs)("div",{className:"d-flex gap-2 flex-wrap",children:[(0,c.jsxs)(x.A,{check:!0,className:"d-flex align-items-center select-items",children:[(0,c.jsx)(m.A,{type:"radio",name:"select-options",value:"instagram",checked:"instagram"===y,onChange:C,className:"me-2 select-input"}),(0,c.jsx)("span",{className:"select-box",children:(0,c.jsxs)("span",{className:"selectitem",children:[(0,c.jsx)("i",{className:"ti ti-brand-instagram"})," Instagram"]})})]}),(0,c.jsxs)(x.A,{check:!0,className:"d-flex align-items-center select-items",children:[(0,c.jsx)(m.A,{type:"radio",name:"select-options",value:"twitter",checked:"twitter"===y,onChange:C,className:"me-2 select-input"}),(0,c.jsx)("span",{className:"select-box",children:(0,c.jsxs)("span",{className:"selectitem",children:[(0,c.jsx)("i",{className:"ti ti-brand-twitter"})," Twitter"]})})]}),(0,c.jsxs)(x.A,{check:!0,className:"d-flex align-items-center select-items",children:[(0,c.jsx)(m.A,{type:"radio",name:"select-options",value:"facebook",checked:"facebook"===y,onChange:C,className:"me-2 select-input"}),(0,c.jsx)("span",{className:"select-box",children:(0,c.jsxs)("span",{className:"selectitem",children:[(0,c.jsx)("i",{className:"ti ti-brand-facebook"})," Facebook"]})})]}),(0,c.jsxs)(x.A,{check:!0,className:"d-flex align-items-center select-items",children:[(0,c.jsx)(m.A,{type:"radio",name:"select-options",value:"snapchat",checked:"snapchat"===y,onChange:C,className:"me-2 select-input"}),(0,c.jsx)("span",{className:"select-box",children:(0,c.jsxs)("span",{className:"selectitem",children:[(0,c.jsx)("i",{className:"ti ti-brand-snapchat"})," Snapchat"]})})]})]})})})]})}),(0,c.jsx)(i.A,{md:6,children:(0,c.jsxs)(r.A,{children:[(0,c.jsx)(o.A,{children:(0,c.jsx)("h5",{children:"Images With Radio"})}),(0,c.jsx)(d.A,{children:(0,c.jsxs)(h.A,{className:"row",children:[(0,c.jsx)("div",{className:"col-sm-6 col-xl-4",children:(0,c.jsxs)(x.A,{className:"form-checkimage",children:[(0,c.jsx)(m.A,{type:"radio",name:"radioimage",value:"1",checked:"1"===v,onChange:S,className:"checkimage-input"}),(0,c.jsx)("span",{className:"check-box radiobox",children:(0,c.jsx)("img",{src:"/images/bootstrapslider/02.jpg",className:"checkbox-image w-100",alt:"Option 1"})})]})}),(0,c.jsx)("div",{className:"col-sm-6 col-xl-4",children:(0,c.jsxs)(x.A,{className:"form-checkimage",children:[(0,c.jsx)(m.A,{type:"radio",name:"radioimage",value:"2",checked:"2"===v,onChange:S,className:"checkimage-input"}),(0,c.jsx)("span",{className:"check-box radiobox",children:(0,c.jsx)("img",{src:"/images/bootstrapslider/04.

1jpg",className:"checkbox-image w-100",alt:"Option 2"})})]})}),(0,c.jsx)("div",{className:"col-sm-6 col-xl-4",children:(0,c.jsxs)(x.A,{className:"form-checkimage",children:[(0,c.jsx)(m.A,{type:"radio",name:"radioimage",value:"3",checked:"3"===v,disabled:!0,className:"checkimage-input"}),(0,c.jsx)("span",{className:"check-box radiobox",children:(0,c.jsx)("img",{src:"/images/bootstrapslider/05.jpg",className:"checkbox-image w-100",alt:"Option 3"})})]})})]})})]})}),(0,c.jsx)(i.A,{md:6,children:(0,c.jsxs)(r.A,{children:[(0,c.jsx)(o.A,{children:(0,c.jsx)("h5",{children:"Images with checkbox"})}),(0,c.jsx)(d.A,{children:(0,c.jsxs)(h.A,{className:"row",children:[(0,c.jsx)("div",{className:"col-md-6 col-xl-4",children:(0,c.jsxs)(x.A,{className:"form-checkimage",children:[(0,c.jsx)(m.A,{type:"checkbox",value:"1",checked:w[1],onChange:D,className:"checkimage-input"}),(0,c.jsx)("span",{className:"check-box",children:(0,c.jsx)("img",{src:"/images/bootstrapslider/01.jpg",className:"checkbox-image w-100",alt:"Option 1"})})]})}),(0,c.jsx)("div",{className:"col-md-6 col-xl-4",children:(0,c.jsxs)(x.A,{className:"form-checkimage",children:[(0,c.jsx)(m.A,{type:"checkbox",value:"2",checked:w[2],onChange:D,className:"checkimage-input"}),(0,c.jsx)("span",{className:"check-box",children:(0,c.jsx)("img",{src:"/images/bootstrapslider/08.jpg",className:"checkbox-image w-100",alt:"Option 2"})})]})}),(0,c.jsx)("div",{className:"col-md-6 col-xl-4",children:(0,c.jsxs)(x.A,{className:"form-checkimage",children:[(0,c.jsx)(m.A,{type:"checkbox",value:"3",checked:w[3],disabled:!0,className:"checkimage-input"}),(0,c.jsx)("span",{className:"check-box",children:(0,c.jsx)("img",{src:"/images/bootstrapslider/03.jpg",className:"checkbox-image w-100",alt:"Option 3"})})]})})]})})]})}),(0,c.jsx)(i.A,{md:6,xl:4,children:(0,c.jsxs)(r.A,{children:[(0,c.jsx)(o.A,{children:(0,c.jsx)("h5",{children:"Payment Methods"})}),(0,c.jsx)(d.A,{children:(0,c.jsx)(h.A,{className:"form-selectgroup",children:f.map((e,s)=>(0,c.jsxs)("div",{className:"select-item",children:[(0,c.jsx)(m.A,{type:"radio",name:"paymentMethod",id:"payment".concat(s),value:e,checked:P===e,onChange:_,className:"form-check-input"}),(0,c.jsx)(x.A,{for:"payment".concat(s),className:"form-check-label",children:(0,c.jsxs)("span",{className:"d-flex align-items-center",children:[(0,c.jsx)("img",{src:"/images/checkbox-radio/logo".concat(s+1,".png"),className:"w-30 h-30",alt:""}),(0,c.jsxs)("span",{className:"ms-2",children:[(0,c.jsx)("span",{className:"fs-6",children:e}),(0,c.jsxs)("span",{className:"d-block text-secondary",children:["Select ",e," payment method"]})]})]})})]},s))})})]})}),(0,c.jsx)(i.A,{md:6,xl:4,children:(0,c.jsxs)(r.A,{children:[(0,c.jsx)(o.A,{children:(0,c.jsx)("h5",{children:"Project Manager"})}),(0,c.jsx)(d.A,{children:(0,c.jsx)(h.A,{className:"form-selectgroup",children:j.map((e,s)=>(0,c.jsxs)("div",{className:"select-item",children:[(0,c.jsx)(m.A,{type:"checkbox",id:"manager".concat(s),value:e.name,checked:M.includes(e.name),onChange:()=>(e=>{I(s=>s.includes(e)?s.filter(s=>s!==e):[...s,e])})(e.name),className:"form-check-input"}),(0,c.jsx)(x.A,{for:"manager".concat(s),className:"form-check-label",children:(0,c.jsxs)("span",{className:"d-flex align-items-center",children:[(0,c.jsxs)("span",{className:"bg-secondary h-30 w-30 d-flex-center b-r-50 position-relative",children:[(0,c.jsx)("img",{src:"/images/avtar/".concat(e.img),alt:"",className:"img-fluid b-r-50"}),(0,c.jsx)("span",{className:"position-absolute top-0 end-0 p-1 bg-success border border-light rounded-circle"})]}),(0,c.jsxs)("span",{className:"ms-2",children:[(0,c.jsx)("span",{className:"fs-6",children:e.name}),(0,c.jsx)("span",{className:"d-block text-secondary",children:e.role})]})]})})]},s))})})]})}),(0,c.jsx)(i.A,{md:6,xl:4,children:(0,c.jsxs)(r.A,{className:"equal-card",children:[(0,c.jsx)(o.A,{children:(0,c.jsx)("h5",{children:"Custom Select Group"})}),(0,c.jsx)(d.A,{children:(0,c.jsx)(n.A,{children:k.map((e,s)=>(0,c.jsx)(i.A,{xs:12,children:(0,c.jsx)(r.A,{className:"shadow-none",children:(0,c.jsxs)(d.A,{className:"custom-selection address-content",children:[(0,c.jsx)("div",{className:"position-relative",children:(0,c.jsxs)(x.A,{className:"check-box",children:[(0,c.jsx)(m.A,{type:"radio",name:"service",value:e.name,checked:z===e.name,onChange:T}),(0,c.jsx)("span",{className:"radiomark outline-secondary position-absolute"}),(0,c.jsx)("span",{className:"ms-4 fs-6",children:e.name})]})}),(0,c.jsxs)("div",{children:[(0,c.jsx)("i",{className:"".concat(e.icon," icon-bg")}),(0,c.jsx)("p",{className:"text-muted",children:e.description})]})]})})},s))})})]})})]})]})})}},37083:(e,s,a)=>{a.d(s,{A:()=>m});var c=a(12115),l=a(12758),t=a.n(l),n=a(85203),i=a.n(n),r=a(4217),o=["className","cssModule","tag"];function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e}).apply(this,arguments)}function h(e){var s=e.className,a=e.cssModule,l=e.tag,t=function(e,s){if(null==e)return{};var a,c,l=function(e,s){if(null==e)return{};var a,c,l={},t=Object.keys(e);for(c=0;c<t.length;c++)a=t[c],s.indexOf(a)>=0||(l[a]=e[a]);return l}(e,s);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(c=0;c<t.length;c++)a=t[c],!(s.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}(e,o),n=(0,r.qO)(i()(s,"card-header"),a);return c.createElement(void 0===l?"div":l,d({},t,{className:n}))}h.propTypes={className:t().string,cssModule:t().object,tag:r.Wx};let m=h},43634:(e,s,a)=>{a.d(s,{A:()=>f});var c=a(12115),l=a(12758),t=a.n(l),n=a(85203),i=a.n(n),r=a(4217),o=["className","cssModule","hidden","widths","tag","check","size","for"];function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e}).apply(this,arguments)}function h(e,s,a){return s in e?Object.defineProperty(e,s,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[s]=a,e}var m=["xs","sm","md","lg","xl","xxl"],x=t().oneOfType([t().number,t().string]),p=t().oneOfType([t().bool,t().string,t().number,t().shape({size:x,order:x,offset:x})]),b={children:t().node,hidden:t().bool,check:t().bool,size:t().string,for:t().string,tag:r.Wx,className:t().string,cssModule:t().object,xs:p,sm:p,md:p,lg:p,xl:p,xxl:p,widths:t().array},u=function(e,s,a){return!0===a||""===a?e?"col":"col-".concat(s):"auto"===a?e?"col-auto":"col-".concat(s,"-auto"):e?"col

1-".concat(a):"col-".concat(s,"-").concat(a)};function g(e){var s=e.className,a=e.cssModule,l=e.hidden,t=e.widths,n=e.tag,x=e.check,p=e.size,b=e.for,g=function(e,s){if(null==e)return{};var a,c,l=function(e,s){if(null==e)return{};var a,c,l={},t=Object.keys(e);for(c=0;c<t.length;c++)a=t[c],s.indexOf(a)>=0||(l[a]=e[a]);return l}(e,s);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(c=0;c<t.length;c++)a=t[c],!(s.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}(e,o),f=[];(void 0===t?m:t).forEach(function(s,c){var l=e[s];if(delete g[s],l||""===l){var t=!c;if((0,r.Gv)(l)){var n,o,d=t?"-":"-".concat(s,"-");n=u(t,s,l.size),f.push((0,r.qO)(i()((h(o={},n,l.size||""===l.size),h(o,"order".concat(d).concat(l.order),l.order||0===l.order),h(o,"offset".concat(d).concat(l.offset),l.offset||0===l.offset),o))),a)}else n=u(t,s,l),f.push(n)}});var j=p||f.length,k=(0,r.qO)(i()(s,!!l&&"visually-hidden",!!x&&"form-check-label",!!p&&"col-form-label-".concat(p),f,!!j&&"col-form-label",!(x||j)&&"form-label"),a);return c.createElement(void 0===n?"label":n,d({htmlFor:b},g,{className:k}))}g.propTypes=b;let f=g}}]);