import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";import{d as defineCustomElement$1}from"./sc-prose2.js";const scManualPaymentMethodCss=":host {\n  display: block;\n}\n\n.manual-payment-method {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: var(--sc-spacing-x-small);\n  flex-wrap: wrap;\n\n  &__title {\n    font-weight: var(--sc-font-weight-bold);\n    color: var(--sc-primary-color-900);\n  }\n\n  &__description {\n    color: var(--sc-primary-color-600);\n  }\n}\n",ScManualPaymentMethodStyle0=scManualPaymentMethodCss,ScManualPaymentMethod=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.paymentMethod=void 0,this.showDescription=!1}render(){var e,t;return h("div",{key:"5a7d0e38f98f2056d9fc9055285b09c5fad05488",class:"manual-payment-method",part:"card"},h("div",{key:"de5cf639433c3513052484a6ad17373b4e68563f",class:"payment-method__title"},null===(e=this.paymentMethod)||void 0===e?void 0:e.name),this.showDescription&&h("sc-prose",{key:"0c1b95acc12e8557e43470a70c553ec922a0b081",class:"payment-method__description",innerHTML:null===(t=this.paymentMethod)||void 0===t?void 0:t.description}))}static get style(){return ScManualPaymentMethodStyle0}},[1,"sc-manual-payment-method",{paymentMethod:[16],showDescription:[4,"show-description"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["sc-manual-payment-method","sc-prose"].forEach((e=>{switch(e){case"sc-manual-payment-method":customElements.get(e)||customElements.define(e,ScManualPaymentMethod);break;case"sc-prose":customElements.get(e)||defineCustomElement$1()}}))}export{ScManualPaymentMethod as S,defineCustomElement as d};