import { html , TemplateResult } from '@spectrum-web-components/base' ; import '../sp-progress-bar.js' ; export default { title : 'Progress Bar/Sizes' , component : 'sp-progress-bar' , } ; export const s = ( ) : TemplateResult => { return html `
        <sp-progress-bar
            label="Loading"
            progress="50"
            size="s"
        ></sp-progress-bar>
    ` ; } ; export const m = ( ) : TemplateResult => { return html `
        <sp-progress-bar
            label="Loading"
            progress="50"
            size="m"
        ></sp-progress-bar>
    ` ; } ; export const l = ( ) : TemplateResult => { return html `
        <sp-progress-bar
            label="Loading"
            progress="50"
            size="l"
        ></sp-progress-bar>
    ` ; } ; export const XL = ( ) : TemplateResult => { return html `
        <sp-progress-bar
            label="Loading"
            progress="50"
            size="xl"
        ></sp-progress-bar>
    ` ; } ;