https://xtreme-admin-nextjs-free.vercel.app/_next/static/chunks/pages/ui/buttons-c9634a997c72efe3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[367],{28:function(s,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/ui/buttons",function(){return n(3013)}])},3013:function(s,e,n){"use strict";n.r(e);var r=n(5893),l=n(7294),c=n(4985);function i(s){return function(s){if(Array.isArray(s)){for(var e=0,n=new Array(s.length);e<s.length;e++)n[e]=s[e];return n}}(s)||function(s){if(Symbol.iterator in Object(s)||"[object Arguments]"===Object.prototype.toString.call(s))return Array.from(s)}(s)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}e.default=function(){var s=(0,l.useState)([]),e=s[0],n=s[1],t=(0,l.useState)(null),a=t[0],o=t[1],d=function(s){o(s)},x=function(s){var r=e.indexOf(s);r<0?e.push(s):e.splice(r,1),n(i(e))};return(0,r.jsx)("div",{children:(0,r.jsxs)(c.X2,{children:[(0,r.jsx)(c.JX,{xs:"12",md:"6",children:(0,r.jsxs)(c.Zb,{children:[(0,r.jsx)(c.ll,{tag:"h6",className:"border-bottom p-3 mb-0",children:"Buttons"}),(0,r.jsx)(c.eW,{className:"",children:(0,r.jsxs)("div",{className:"button-group",children:[(0,r.jsx)(c.zx,{className:"btn",color:"primary",children:"primary"}),(0,r.jsx)(c.zx,{className:"btn",color:"secondary",children:"secondary"}),(0,r.jsx)(c.zx,{className:"btn",color:"success",children:"success"}),(0,r.jsx)(c.zx,{className:"btn",color:"info",children:"info"}),(0,r.jsx)(c.zx,{className:"btn",color:"warning",children:"warning"}),(0,r.jsx)(c.zx,{className:"btn",color:"danger",children:"danger"}),(0,r.jsx)(c.zx,{className:"btn",color:"link",children:"link"})]})})]})}),(0,r.jsx)(c.JX,{xs:"12",md:"6",children:(0,r.jsxs)(c.Zb,{children:[(0,r.jsx)(c.ll,{tag:"h6",className:"border-bottom p-3 mb-0",children:"Outline Buttons"}),(0,r.jsx)(c.eW,{className:"",children:(0,r.jsxs)("div",{className:"button-group",children:[(0,r.jsx)(c.zx,{className:"btn",outline:!0,color:"primary",children:"primary"}),(0,r.jsx)(c.zx,{className:"btn",outline:!0,color:"secondary",children:"secondary"}),(0,r.jsx)(c.zx,{className:"btn",outline:!0,color:"success",children:"success"}),(0,r.jsx)(c.zx,{className:"btn",outline:!0,color:"info",children:"info"}),(0,r.jsx)(c.zx,{className:"btn",outline:!0,color:"warning",children:"warning"}),(0,r.jsx)(c.zx,{className:"btn",outline:!0,color:"danger",children:"danger"})]})})]})}),(0,r.jsx)(c.JX,{xs:"12",md:"6",children:(0,r.jsxs)(c.Zb,{children:[(0,r.jsx)(c.ll,{tag:"h6",className:"border-bottom p-3 mb-0",children:"Large Size Buttons"}),(0,r.jsx)(c.eW,{className:"",children:(0,r.jsxs)("div",{className:"button-group",children:[(0,r.jsx)(c.zx,{className:"btn",color:"primary",size:"lg",children:"Large Button"}),(0,r.jsx)(c.zx,{className:"btn",color:"secondary",size:"lg",children:"Large Button"})]})})]})}),(0,r.jsx)(c.JX,{xs:"12",md:"6",children:(0,r.jsxs)(c.Zb,{children:[(0,r.jsx)(c.ll,{tag:"h6",className:"border-bottom p-3 mb-0",children:"Small Size Buttons"}),(0,r.jsx)(c.eW,{className:"",children:(0,r.jsxs)("div",{className:"button-group",children:[(0,r.jsx)(c.zx,{className:"btn",color:"primary",size:"sm",children:"Small Button"}),(0,r.jsx)(c.zx,{className:"btn",color:"secondary",size:"sm",children:"Small Button"})]})})]})}),(0,r.jsx)(c.JX,{xs:"12",md:"6",children:(0,r.jsxs)(c.Zb,{children:[(0,r.jsx)(c.ll,{tag:"h6",className:"border-bottom p-3 mb-0",children:"Active State Buttons"}),(0,r.jsx)(c.eW,{className:"",children:(0,r.jsxs)("div",{className:"button-group",children:[(0,r.jsx)(c.zx,{className:"btn",color:"primary",size:"lg",active:!0,children:"Primary link"}),(0,r.jsx)(c.zx,{className:"btn",color:"secondary",size:"lg",active:!0,children:"Link"})]})})]})}),(0,r.jsx)(c.JX,{xs:"12",md:"6",children:(0,r.jsxs)(c.Zb,{children:[(0,r.jsx)(c.ll,{tag:"h6",className:"border-bottom p-3 mb-0",children:"Disabled State Buttons"}),(0,r.jsx)(c.eW,{className:"",children:(0,r.jsxs)("div",{className:"button-group",children:[(0,r.jsx)(c.zx,{className:"btn",color:"primary",size:"lg",disabled:!0,children:"Primary button"}),(0,r.jsx)(c.zx,{className:"btn",color:"secondary",size:"lg",disabled:!0,children:"Button"})]})})]})}),(0,r.jsx)(c.JX,{xs:"12",md:"6",children:(0,r.jsxs)(c.Zb,{children:[(0,r.jsx)(c.ll,{tag:"h6",className:"border-bottom p-3 mb-0",children:"Block Buttons"}),(0,r.jsx)(c.eW,{className:"",children:(0,r.jsxs)("div",{className:"button-group",children:[(0,r.jsx)(c.zx,{className:"btn",color:"primary",size:"lg",block:!0,children:"Block level button"}),(0,r.jsx)(c.zx,{className:"btn",color:"secondary",size:"lg",block:!0,children:"Block level button"})]})})]})}),(0,r.jsx)(c.JX,{xs:"12",md:"6",children:(0,r.jsxs)(c.Zb,{children:[(0,r.jsx)(c.ll,{tag:"h6",className:"border-bottom p-3 mb-0",children:"Checkbox(Stateful Buttons)"}),(0,r.jsxs)(c.eW,{className:"",children:[(0,r.jsx)("h5",{children:"Checkbox Buttons"}),(0,r.jsxs)(c.hE,{children:[(0,r.jsx)(c.zx,{color:"primary",onClick:function(){return x(1)},active:e.includes(1),children:"One"}),(0,r.jsx)(c.zx,{color:"primary",onClick:function(){return x(2)},active:e.includes(2),children:"Two"}),(0,r.jsx)(c.zx,{color:"primary",onClick:function(){return x(3)},active:e.includes(3),children:"Three"})]}),(0,r.jsxs)("p",{className:"mb-0",children:["Selected: ",JSON.stringify(e)]})]})]})}),(0,r.jsx)(c.JX,{xs:"12",md:"6",children:(0,r.jsxs)(c.Zb,{children:[(0,r.jsx)(c.ll,{tag:"h6",className:"border-bottom p-3 mb-0",children:"Radio Buttons (Stateful Buttons)"}),(0,r.jsxs)(c.eW,{className:"",children:[(0,r.jsx)("h5",{children:"Radio Buttons"}),(0,r.jsxs)(c.hE,{children:[(0,r.jsx)(c.zx,{color:"primary",onClick:function(){return d(1)},active:1===a,children:"One"}),(0,r.jsx)(c.zx,{color:"primary",onClick:function(){return d(2)},active:2===a,children:"Two"}),(0,r.jsx)(c.zx,{color:"primary",onClick:function(){return d(3)},active:3===a,children:"Three"})]}),(0,r.jsxs)("p",{className:"mb-0",children:["Selected: ",a]})]})]})})]})})}}},function(s){s.O(0,[774,888,179],(function(){return e=28,s(s.s=e);var e}));var e=s.O();_N_E=e}]);