1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6454],{55516:(e,l,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/buttons",function(){return s(84359)}])},84359:(e,l,s)=>{"use strict";s.r(l),s.d(l,{default:()=>d});var n=s(55427),t=s(97867),i=s(33722),r=s(20548);let d=()=>{let[e,l]=t.useState("Anmelden"),[s,d]=t.useState("primary"),[a,c]=t.useState(!1),[o,x]=t.useState(!0),[h,j]=t.useState((0,n.jsx)(i.Q8q,{})),[u,p]=t.useState((0,n.jsx)(i.Q8q,{})),[b,f]=t.useState(!1),[v,g]=t.useState(!1);return(0,n.jsxs)("div",{className:"buttons-container",children:[(0,n.jsx)("div",{children:(0,n.jsxs)("table",{style:{fontSize:"14px"},children:[(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:"Type"}),(0,n.jsx)("th",{children:"Only label"}),(0,n.jsx)("th",{children:"With left Icon"}),(0,n.jsx)("th",{children:"With right Icon"}),(0,n.jsx)("th",{children:"With both Icons"}),(0,n.jsx)("th",{children:"Disabled"}),(0,n.jsx)("th",{children:"Animated false"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"DEFAULT"}),(0,n.jsx)("td",{children:(0,n.jsx)(r.default,{label:"DEFAULT"})}),(0,n.jsx)("td",{children:(0,n.jsx)(r.default,{label:"DEFAULT",leftIcon:(0,n.jsx)(i.Q8q,{})})}),(0,n.jsx)("td",{children:(0,n.jsx)(r.default,{label:"DEFAULT",rightIcon:(0,n.jsx)(i.Q8q,{})})}),(0,n.jsx)("td",{children:(0,n.jsx)(r.default,{label:"DEFAULT",leftIcon:(0,n.jsx)(i.Q8q,{}),rightIcon:(0,n.jsx)(i.Q8q,{})})}),(0,n.jsx)("td",{children:(0,n.jsx)(r.default,{label:"DEFAULT",leftIcon:(0,n.jsx)(i.Q8q,{}),rightIcon:(0,n.jsx)(i.Q8q,{}),disabled:!0})}),(0,n.jsx)("td",{children:(0,n.jsx)(r.default,{label:"DEFAULT",leftIcon:(0,n.jsx)(i.Q8q,{}),rightIcon:(0,n.jsx)(i.Q8q,{}),animated:!1})})]}),["primary","secondary","light","disabled","link","reverse_link","golden","primary_square"].map((e,l)=>(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:e}),(0,n.jsx)("td",{children:(0,n.jsx)(r.default,{type:e,label:e})}),(0,n.jsx)("td",{children:(0,n.jsx)(r.default,{type:e,label:e,leftIcon:(0,n.jsx)(i.Q8q,{})})}),(0,n.jsx)("td",{children:(0,n.jsx)(r.default,{type:e,label:e,rightIcon:(0,n.jsx)(i.Q8q,{})})}),(0,n.jsx)("td",{children:(0,n.jsx)(r.default,{type:e,label:e,leftIcon:(0,n.jsx)(i.Q8q,{}),rightIcon:(0,n.jsx)(i.Q8q,{})})}),(0,n.jsx)("td",{children:(0,n.jsx)(r.default,{type:e,label:e,leftIcon:(0,n.jsx)(i.Q8q,{}),rightIcon:(0,n.jsx)(i.Q8q,{}),disabled:!0})}),(0,n.jsx)("td",{children:(0,n.jsx)(r.default,{type:e,label:e,leftIcon:(0,n.jsx)(i.Q8q,{}),rightIcon:(0,n.jsx)(i.Q8q,{}),animated:!1})})]},l))]})}),(0,n.jsxs)("div",{className:"cards",children:[(0,n.jsx)("div",{children:(0,n.jsxs)("label",{style:{fontSize:"14px"},children:["Label:"," ",(0,n.jsx)("input",{onChange:e=>{l(e.target.value)},value:e})]})}),(0,n.jsx)("div",{children:(0,n.jsxs)("label",{style:{fontSize:"14px"},children:["Type:"," ",(0,n.jsxs)("select",{name:"types",id:"types",onChange:e=>{d(e.target.value)},value:s,children:[(0,n.jsx)("option",{value:"primary",children:"Primary"}),(0,n.jsx)("option",{value:"secondary",children:"Secondary"}),(0,n.jsx)("option",{value:"light",children:"Light"}),(0,n.jsx)("option",{value:"disabled",children:"Disabled"}),(0,n.jsx)("option",{value:"link",children:"Link"}),(0,n.jsx)("option",{value:"reverse_link",children:"Reverse Link"}),(0,n.jsx)("option",{value:"golden",children:"Golden"}),(0,n.jsx)("option",{value:"primary_square",children:"Primary Square"})]})]})}),(0,n.jsx)("div",{children:(0,n.jsxs)("label",{style:{fontSize:"14px"},children:["Disabled:"," ",(0,n.jsx)("input",{type:"checkbox",defaultChecked:a,onChange:()=>c(!a)})]})}),(0,n.jsx)("div",{children:(0,n.jsxs)("label",{style:{fontSize:"14px"},children:["Animated:"," ",(0,n.jsx)("input",{type:"checkbox",defaultChecked:o,onChange:()=>{x(!o)}})]})}),(0,n.jsx)("div",{children:(0,n.jsxs)("label",{style:{fontSize:"14px"},children:["Rotate Icon On Hover:"," ",(0,n.jsx)("input",{type:"checkbox",defaultChecked:b,onChange:()=>{f(!b)}})]})}),(0,n.jsx)("div",{children:(0,n.jsxs)("label",{style:{fontSize:"14px"},children:["Full Width:"," ",(0,n.jsx)("input",{type:"checkbox",defaultChecked:v,onChange:()=>{g(!v)}})]})}),(0,n.jsx)("div",{children:(0,n.jsxs)("label",{style:{fontSize:"14px"},children:["Left Icon:"," ",(0,n.jsxs)("select",{name:"leftIcon",id:"leftIcon",defaultValue:"null",onCh
1ange:e=>{switch(e.target.value){case"null":j(void 0);break;case"DownArrow":j((0,n.jsx)(i.Q8q,{}));break;case"UpArrow":j((0,n.jsx)(i.tKm,{}));break;case"HamburgerClose":j((0,n.jsx)(i.cZT,{}))}},children:[(0,n.jsx)("option",{value:"null",children:"Null"}),(0,n.jsx)("option",{value:"DownArrow",children:"DownArrow"}),(0,n.jsx)("option",{value:"UpArrow",children:"UpArrow"}),(0,n.jsx)("option",{value:"HamburgerClose",children:"HamburgerClose"})]})]})}),(0,n.jsx)("div",{children:(0,n.jsxs)("label",{style:{fontSize:"14px"},children:["Right Icon:"," ",(0,n.jsxs)("select",{name:"rightIcon",id:"rightIcon",defaultValue:"null",onChange:e=>{switch(e.target.value){case"null":p(void 0);break;case"DownArrow":p((0,n.jsx)(i.Q8q,{}));break;case"UpArrow":p((0,n.jsx)(i.tKm,{}));break;case"HamburgerClose":p((0,n.jsx)(i.cZT,{}))}},children:[(0,n.jsx)("option",{value:"null",children:"Null"}),(0,n.jsx)("option",{value:"DownArrow",children:"DownArrow"}),(0,n.jsx)("option",{value:"UpArrow",children:"UpArrow"}),(0,n.jsx)("option",{value:"HamburgerClose",children:"HamburgerClose"})]})]})})]}),(0,n.jsx)("div",{style:{width:"800px",borderStyle:"ridge",borderColor:"red",textAlign:"-webkit-center"},children:(0,n.jsx)(r.default,{label:e,leftIcon:h,rightIcon:u,animated:o,type:s,disabled:a,fullWidth:v})})]})}}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=55516)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.