import { html , TemplateResult } from '@spectrum-web-components/base' ; import '../sp-thumbnail.js' ; import { thumbnail as image } from './images.js' ; export default { title : 'Thumbnail/Sizes' , component : 'sp-thumbnail' , } ; const thumbnail = ( { size , } ) : TemplateResult => { return html `
        <sp-thumbnail size=${ size }>
            <img src=${ image } alt="Woman crouching" />
        </sp-thumbnail>
    ` ; } ; export const XXS = ( ) : TemplateResult => thumbnail ( { size : 'xxs' } ) ; export const XS = ( ) : TemplateResult => thumbnail ( { size : 'xs' } ) ; export const s = ( ) : TemplateResult => thumbnail ( { size : 's' } ) ; export const m = ( ) : TemplateResult => thumbnail ( { size : 'm' } ) ; export const l = ( ) : TemplateResult => thumbnail ( { size : 'l' } ) ;