import { CSSResultArray , html , SizedMixin , SpectrumElement , TemplateResult , } from '@spectrum-web-components/base' ; import { property } from '@spectrum-web-components/base/src/decorators.js' ; import styles from './thumbnail.css.js' ; element slot export class Thumbnail extends SizedMixin ( SpectrumElement , { validSizes : [ 'xxs' , 'xs' , 's' , 'm' , 'l' ] , defaultSize : 's' , } ) { public static get styles ( ) : CSSResultArray { return [ styles ] ; } @ property ( { type : String , reflect : true } ) public background ? : string ; @ property ( { type : Boolean , reflect : true } ) public cover = false ; protected render ( ) { return html `
            ${ this . background ? html `
                      <div
                          class="background"
                          style="background: ${ this . background }"
                      ></div>
                  ` : html `` }
            <slot></slot>
        ` ; } }