import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as s,customElement as i}from"lit/decorators.js";import{s as r}from"./nile-hero-header.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let n=class extends o{constructor(){super(...arguments),this.icon="var(--nile-icon-action, var(--ng-icon-action))",this.heroText="Nile Hero"}static get styles(){return[r]}render(){return t`
				<span class="icon__container">
					<nile-icon method="var(--nile-svg-method-stroke, var(--ng-svg-method-stroke))" size="16" name="${this.icon}"></nile-icon>
				</span>
				<span class="hero__text">${this.heroText}</span>
			`}};e([s({reflect:!0})],n.prototype,"icon",void 0),e([s({reflect:!0,attribute:"hero-text"})],n.prototype,"heroText",void 0),n=e([i("nile-hero-header")],n);export{n as N};
