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:"0dcfde285b90d8f922c9da77242f35e1747e511a",class:"manual-payment-method",part:"card"},h("div",{key:"5eeff7a1539d59ce63593242ed73ba03e2c26deb",class:"payment-method__title"},null===(e=this.paymentMethod)||void 0===e?void 0:e.name),this.showDescription&&h("sc-prose",{key:"16d708912b6121ead63e2e66ddf866ef0aa26fda",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};