JezK

Edit File: sc-feature-demo-banner.cjs.entry.js.map

{"file":"sc-feature-demo-banner.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,qXAAqX,CAAC;AACrZ,kCAAe,sBAAsB;;;;;;0BCSN,UAAE;;;yPAMhB,UAAE;;;;;;;","names":[],"sources":["src/components/ui/sc-feature-demo-banner/sc-feature-demo-banner.scss?tag=sc-feature-demo-banner&encapsulation=shadow","src/components/ui/sc-feature-demo-banner/sc-feature-demo-banner.tsx"],"sourcesContent":[".sc-banner {\n background-color: var(--sc-color-brand-primary);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n\n > p {\n font-size: 14px;\n line-height: 1;\n margin: var(--sc-spacing-small);\n\n a {\n color: inherit;\n font-weight: 600;\n margin-left: 10px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n text-decoration: none;\n border-bottom: 1px solid;\n padding-bottom: 2px;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { __ } from '@wordpress/i18n';\n\n@Component({\n tag: 'sc-feature-demo-banner',\n styleUrl: 'sc-feature-demo-banner.scss',\n shadow: true,\n})\nexport class ScFeatureDemoBanner {\n @Prop() url: string = 'https://app.surecart.com/plans';\n @Prop() buttonText: string = __('Upgrade Your Plan', 'surecart');\n\n render() {\n return (\n <div class={{ 'sc-banner': true }}>\n <p>\n <slot>{__('This is a feature demo. In order to use it, you must upgrade your plan.', 'surecart')}</slot>\n <a href={this.url} target=\"_blank\">\n <slot name=\"link\">\n {this.buttonText} <sc-icon name=\"arrow-right\"></sc-icon>\n </slot>\n </a>\n </p>\n </div>\n );\n }\n}\n"],"version":3}