import { Component , Prop , h , JSX , ComponentInterface } from '@stencil/core' ; @ Component ( { tag : 'bm-progress' , styleUrls : [ 'progress.scss' ] , } ) export class Progress implements ComponentInterface { /**
     * Value
     */ @ Prop ( ) value : number ; /**
     * Maximum value
     */ @ Prop ( ) max = 100 ; /**
     * Color
     */ @ Prop ( ) color : 'is-primary' | 'is-link' | 'is-info' | 'is-success' | 'is-warning' | 'is-danger' ; /**
     * Size
     */ @ Prop ( ) size : 'is-small' | 'is-medium' | 'is-large' ; render ( ) { return ( < progress class = { { progress : true , [ this . color ] : Boolean ( this . color ) , [ this . size ] : Boolean ( this . size ) , } } value = { this . value } max = { this . max } > { typeof this . value === 'number' && `${ this . value }%` } < /progress>); } }