import { CSSResultArray , html , LitElement , TemplateResult , } from '@spectrum-web-components/base' ; import { customElement , property , } from '@spectrum-web-components/base/src/decorators.js' ; import styles from '@spectrum-web-components/theme/src/typography.css.js' ; element @ customElement ( 'typography-decorator' ) export class Typography extends LitElement { static styles : CSSResultArray = [ styles ] ; @ property ( { attribute : false } ) public story ? : TemplateResult ; protected render ( ) { if ( ! this . story ) return html `` ; return html `
            <div class="spectrum-Typography">${ this . story }</div>
        ` ; } }