import { CSSResultArray , html , SpectrumElement , TemplateResult , } from '@spectrum-web-components/base' ; import { property } from '@spectrum-web-components/base/src/decorators.js' ; import bannerStyles from './banner.css.js' ; element attr attr slot slot export class Banner extends SpectrumElement { @ property ( { reflect : true , type : String } ) public type : 'info' | 'warning' | 'error' = 'info' ; @ property ( { reflect : true , type : Boolean } ) public corner = false ; public static get styles ( ) : CSSResultArray { return [ bannerStyles ] ; } protected render ( ) { return html `
            <div id="header"><slot name="header"></slot></div>
            <div id="content"><slot name="content"></slot></div>
        ` ; } }