import { html , TemplateResult } from '@spectrum-web-components/base' ; import '../sp-button-group.js' ; import '@spectrum-web-components/button/sp-button.js' ; import '@spectrum-web-components/icon/sp-icon.js' ; export default { title : 'Button Group' , component : 'sp-button-group' , } ; export const buttons = ( ) : TemplateResult => { return html `
        <sp-button-group>
            <sp-button>Button 1</sp-button>
            <sp-button>Longer Button 2</sp-button>
            <sp-button>Short 3</sp-button>
        </sp-button-group>
    ` ; } ; export const buttonsVertical = ( ) : TemplateResult => { return html `
        <sp-button-group vertical>
            <sp-button>Button 1</sp-button>
            <sp-button>Longer Button 2</sp-button>
            <sp-button>Short 3</sp-button>
        </sp-button-group>
    ` ; } ;