import { CSSResultArray , html , SpectrumElement , TemplateResult , } from '@spectrum-web-components/base' ; import { property } from '@spectrum-web-components/base/src/decorators.js' ; import styles from './coachmark.css.js' ; element export class Coachmark extends SpectrumElement { public static get styles ( ) : CSSResultArray { return [ styles ] ; } @ property ( { type : Boolean , reflect : true } ) public quiet = false ; @ property ( { reflect : true } ) public variant : 'dark' | 'light' | '' = '' ; protected render ( ) { return html `
            <div class="ring"></div>
            <div class="ring"></div>
            <div class="ring"></div>
        ` ; } }