https://www.lomberg.de/wp-content/plugins/swt/build/126.21b65ea8424693ca0013.js

1"use strict";(self.webpackChunkswt=self.webpackChunkswt||[]).push([[126],{1126:(e,t,n)=>{n.r(t),n.d(t,{swtDemoUi:()=>o});var l=n(9196),a=n(9307),r=n(9037),c=n(1547);function m(){const e=["xs","sm","md","lg","xl"];return(0,l.createElement)(l.Fragment,null,(0,l.createElement)("div",{className:"grid grid-cols-3 gap-y-8"},(0,l.createElement)("div",{className:"flex flex-col gap-4"},e.map((e=>(0,l.createElement)("div",{key:e,className:"space-x-4"},(0,l.createElement)(r.Button,{variant:"primary",size:e},"Primary ",e),(0,l.createElement)(r.Button,{variant:"secondary",size:e},"Secondary ",e),(0,l.createElement)(r.Button,{variant:"white",size:e},"White ",e))))),(0,l.createElement)("div",{className:"flex flex-col gap-4"},e.map((e=>(0,l.createElement)("div",{key:e,className:"space-x-4"},(0,l.createElement)(r.Button,{variant:"primary",size:e,leftIcon:(0,l.createElement)(c.LocationIcon,null)},"Primary ",e),(0,l.createElement)(r.Button,{variant:"secondary",size:e,leftIcon:(0,l.createElement)(c.LocationIcon,null)},"Secondary ",e),(0,l.createElement)(r.Button,{variant:"white",size:e,leftIcon:(0,l.createElement)(c.LocationIcon,null)},"White ",e))))),(0,l.createElement)("div",{className:"flex flex-col gap-4"},e.map((e=>(0,l.createElement)("div",{key:e,className:"space-x-4"},(0,l.createElement)(r.Button,{variant:"primary",size:e,rightIcon:(0,l.createElement)(c.LocationIcon,null)},"Primary ",e),(0,l.createElement)(r.Button,{variant:"secondary",size:e,rightIcon:(0,l.createElement)(c.LocationIcon,null)},"Secondary ",e),(0,l.createElement)(r.Button,{variant:"white",size:e,rightIcon:(0,l.createElement)(c.LocationIcon,null)},"White ",e))))),(0,l.createElement)("div",{className:"flex flex-col gap-4"},(0,l.createElement)("div",{className:"space-x-4"},(0,l.createElement)(r.Button,{variant:"primary",loading:!0,size:"sm"},"Primary"),(0,l.createElement)(r.Button,{variant:"primary",loading:!0,size:"md"},"Primary"),(0,l.createElement)(r.Button,{variant:"primary",loading:!0,size:"lg"},"Primary"),(0,l.createElement)(r.Button,{variant:"primary",loading:!0,size:"xl"},"Primary")),(0,l.createElement)("div",{className:"flex flex-row items-center space-x-4"},(0,l.createElement)(r.IconButton,{variant:"primary",icon:(0,l.createElement)(c.CloseIcon,null),size:"sm"}),(0,l.createElement)(r.IconButton,{variant:"primary",icon:(0,l.createElement)(c.CloseIcon,null),size:"md"}),(0,l.createElement)(r.IconButton,{variant:"primary",icon:(0,l.createElement)(c.CloseIcon,null),size:"lg"}),(0,l.createElement)(r.IconButton,{variant:"primary",icon:(0,l.createElement)(c.CloseIcon,null),size:"xl"})),(0,l.createElement)("div",{className:"flex flex-row items-center space-x-4"},(0,l.createElement)(r.IconButton,{variant:"secondary",icon:(0,l.createElement)(c.CloseIcon,null),size:"sm"}),(0,l.createElement)(r.IconButton,{variant:"secondary",icon:(0,l.createElement)(c.CloseIcon,null),size:"md"}),(0,l.createElement)(r.IconButton,{variant:"secondary",icon:(0,l.createElement)(c.CloseIcon,null),size:"lg"}),(0,l.createElement)(r.IconButton,{variant:"secondary",icon:(0,l.createElement)(c.CloseIcon,null),size:"xl"})),(0,l.createElement)("div",{className:"flex flex-row items-center space-x-4"},(0,l.createElement)(r.IconButton,{variant:"white",icon:(0,l.createElement)(c.CloseIcon,null),size:"sm"}),(0,l.createElement)(r.IconButton,{variant:"white",icon:(0,l.createElement)(c.CloseIcon,null),size:"md"}),(0,l.createElement)(r.IconButton,{variant:"white",icon:(0,l.createElement)(c.CloseIcon,null),size:"lg"}),(0,l.createElement)(r.IconButton,{variant:"white",icon:(0,l.createElement)(c.CloseIcon,null),size:"xl"})),(0,l.createElement)("div",{className:"flex flex-row items-center space-x-4"},(0,l.createElement)(r.IconButton,{variant:"transparent",icon:(0,l.createElement)(c.CloseIcon,null),size:"sm"}),(0,l.createElement)(r.IconButton,{variant:"transparent",icon:(0,l.createElement)(c.CloseIcon,null),size:"md"}),(0,l.createElement)(r.IconButton,{variant:"transparent",icon:(0,l.createElement)(c.CloseIcon,null),size:"lg"}),(0,l.createElement)(r.IconButton,{variant:"transparent",icon:(0,l.createElement)(c.CloseIcon,null),size:"xl"}))),(0,l.createElement)("div",{className:"flex flex-col gap-4"},(0,l.createElement)("div",{className:"space-x-4"},(0,l.createElement)(r.SelectButton,{variant:"primary",rightIcon:(0,l.createElement)(c.ChevronDownIcon,{className:"transition-transform ui-open:rotate-180 ui-open:transform"}),label:"Sortierung"},(0,l.createElement)(r.SelectButton.Item,{value:"1"},"Item 1"),(0,l.createElement)(r.SelectButton.Item,{value:"2"},"Item 2"),(0,l.createElement)(r.SelectButton.Item,{value:"3"},"Item 3")),(0,l.createElement)(r.DropdownButton,{variant:"primary",leftIcon:(0,l.createElement)(c.FilterIcon,null),label:"Filter"},(0,l.createElement)(r.DropdownButton.Panel,{className:"p-8"},(0,l.createElement)("ul",{className:"flex flex-col space-y-8"},(0,l.createElement)("li",{className:"flex items-center justify-between space-x-8 cursor-pointer group"},(0,l.createElement)("div",{className:"flex items-center space-x-4"},(0,l.createElement)("div",{className:"inline-flex items-center justify-center w-10 h-10 transition duration-300 rounded-md opacity-75 bg-primary-200 text-primary-600 group-hover:opacity-100 group-hover:ease-in-out"},(0,l.createElement)("i",{className:"text-xl fa-light fa-book","aria-hidden":"true"})),(0,l.createElement)("p",{className:"font-semibold text-gray-700 swt-text-body-1"},"Design")),(0,l.createElement)(c.ChevronRightIcon,{className:"transition-opacity duration-300 opacity-0 group-hover:opacity-100"})),(0,l.createElement)("li",{className:"flex items-center justify-between space-x-8 cursor-pointer group"},(0,l.createElement)("div",{className:"flex items-center space-x-4"},(0,l.createElement)("div",{className:"inline-flex items-center justify-center w-10 h-10 transition duration-300 rounded-md opacity-75 bg-primary-200 text-primary-600 group-hover:opacity-100 group-hover:ease-in-out"},(0,l.createElement)("i",{className:"text-xl fa-light fa-house","aria-hidden":"true"})),(0,l.createElement)("p",{className:"font-semibold text-gray-700 swt-text-body-1"},"Slider Slider")),(0,l.createElement)(c.ChevronRightIcon,{className:"transition-opacity duration-300 opacity-0 group-hover:opacity-100"}))))),(0,l.createElement)(r.ReadmoreButton,null,"Weiterlesen")))),(0,l.createElement)("div",{className:""},(0,l.createElement)("p",null,"Modal"),(0,l.createElement)(r.Modal,{button:({open:e,setOpen:t})=>(0,l.createElement)(r.Button,{variant:"primary",onClick:()=>t(!e)},"Modal anzeigen")},(0,l.createElement)(r.Modal.Dialog,null,(0,l.createElement)("div",{className:"max-w-xl"},(0,l.createElement)("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"DIALOG"),(0,l.createElement)("p",null,"END"))))),(0,l.createElement)("div",{className:"flex flex-col gap-y-4"},(0,l.createElement)(r.Input,{id:"formInput",label:"Label label"}),(0,l.createElement)(r.Radio,{id:"formRadio",label:"Radio"}),(0,l.createElement)(r.Checkbox,{id:"formCheckbox",label:"Checkbox"}),(0,l.createElement)(r.Stepper,{variant:"white"})))}const o=e=>{(0,a.render)((0,l.createElement)(a.StrictMode,null,(0,l.createElement)("div",{className:"p-4"},(0,l.createElement)("h2",null,"Buttons"),(0,l.createElement)(m,null))),e)}}}]);