spawntree
/
ihk24


			
				
					
						
						
							
							import{g as e,c as b}from"./helpers-BI4k4aXK.js";import{c as g}from"./ButtonComponent-C01NN-p4.js";import{c as f}from"./FormElementComponent-C1uoZnCg.js";import"./iframe-DI5_BFY0.js";import"./preload-helper-C1FmrZbK.js";import"./LabelComponent-ovXJdF8Y.js";import"./InputCheckboxRadioComponent-D0ubIXUG.js";import"./InputSelectComponent-hiFT4fJL.js";const w=({title:a="Überschrift",introduction:d="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",checkboxes:c=[{label:'Ich stimme den <a href="#">Datenschutzbestimmungen</a> der IHK Musterstadt zu.',required:!0},{label:'Ich stimme der <a href="#">erweiterten Datenspeicherung</a> und der <a href="#">Datenschutzerklärung</a> IHK Musterstadt zu.',required:!0},{label:'Ich stimme den <a href="#">Allgemeinen Geschäftsbedingungen</a> der IHK Musterstadt zu.',required:!1}]})=>{const r=e("div",["newsletter-teaser","variant-solid"],null);e("h2",[],a,r),e("p",[],d,r);const s=e("form",["newsletter-form"],null,r),n=e("div",["input-wrapper"],null,s);n.appendChild(b({placeholder:"Ihre E-Mail-Adresse",isRequired:!0,type:"email"}));const o=g({elementType:"button",icon:"pfeil-simple-rechts",color:"white",iconPosition:"icon-right",label:"Jetzt abonnieren"});o.type="submit",n.appendChild(o);const p=e("ul",["checkboxes"],null,s);return c.map((i,h)=>{e("li",[],null,p).appendChild(f({inputType:"checkbox",name:"newsletter-checkbox-"+h,isRequired:i.required,label:i.label}))}),r},E={title:"Components/Newsletter Teaser",parameters:{layout:"padded"},argTypes:{title:{name:"Überschrift",control:"text",defaultValue:"IHK Musterstadt Corona-Newsletter"},introduction:{name:"Einleitungstext",control:"text",defaultValue:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}}},T=({...a})=>w({...a}),t=T.bind({});t.args={};var l,u,m;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`({
  ...args
}) => {
  return createNewsletterTeaser({
    ...args
  });
}`,...(m=(u=t.parameters)==null?void 0:u.docs)==null?void 0:m.source}}};const M=["NewsletterTeaser"];export{t as NewsletterTeaser,M as __namedExportsOrder,E as default};