https://www.eu-gleichbehandlungsstelle.de/_assets/9da1c2a6d746389c…/public/chunks/business-card-DtcuR3ec.js

1import{B as t,g as e,A as i,b as s}from"./pp-accordion-CA6w9In6.js";class n extends t{constructor(){super(),this.theme="primary",this._children=e(this,["pp-button","pp-button-link","pp-button-calendar","pp-headline","pp-image","pp-list","pp-text-with-icon"])}get image(){const t=this._children["pp-image"];return t?s`
2                <div class="max-w-255 order-1 lg:order-2 self-center md:self-auto">
3                    ${t}
4                </div>
5            `:i}get headline(){const t=this._children["pp-headline"];return t?s`
6                <div class="typ-heading-2 mb-32">
7                    ${t}
8                </div>
9            `:i}get lists(){const t=this._children["pp-list"];return t?s`
10                <div class="flex flex-col gap-12 mb-32">
11                    ${t}
12                </div>
13            `:i}get textWithIcon(){const t=this._children["pp-text-with-icon"];return t?s`
14                <div class="flex flex-col gap-12 mb-32 typ-body-1">
15                    ${t}
16                </div>
17            `:i}get links(){const t=this._children["pp-button-link"],e=this._children["pp-button-calendar"];return t||e?s`
18                <div class="flex flex-row items-baseline gap-24">
19                    ${t??i}
20                    ${e??i}
21                </div>
22            `:i}get buttons(){const t=this._children["pp-button"];return t?s`
23                <div class="flex flex-col sm:flex-row gap-24 mt-32 mb-0">
24                    ${t}
25                </div>
26            `:i}render(){return s`
27            <div class="row mb-64">
28                <div
29                    class="col-12 lg:col-10 mx-auto p-32 rounded-component-tl rounded-component-tr rounded-component-br rounded-component-bl bg-module-bg-1"
30                >
31                    <div
32                        class="flex flex-col lg:flex-row gap-40 lg:gap-16 lg:justify-between"
33                    >
34                        ${this.image}
35                        <div class="order-2 lg:order-1">
36                            ${this.headline}
37                            ${this.lists}
38                            ${this.textWithIcon}
39                            ${this.links}
40                            ${this.buttons}
41                        </div>
42                    </div>
43                </div>
44            </div>
45        `}}customElements.define("pp-business-card",n);export{n as default};