import { html , TemplateResult } from '@spectrum-web-components/base' ; import '../sp-action-bar.js' ; import '@spectrum-web-components/checkbox/sp-checkbox.js' ; import '@spectrum-web-components/action-button/sp-action-button.js' ; import '@spectrum-web-components/action-group/sp-action-group.js' ; import '@spectrum-web-components/icons-workflow/icons/sp-icon-edit.js' ; import '@spectrum-web-components/icons-workflow/icons/sp-icon-more.js' ; export default { title : 'Action Bar' , component : 'sp-action-bar' , } ; export const Default = ( ) : TemplateResult => { return html `
        <sp-action-bar open>
            <sp-checkbox indeterminate>228 Selected</sp-checkbox>
            <sp-action-group quiet>
                <sp-action-button>
                    <sp-icon-edit slot="icon" label="Edit"></sp-icon-edit>
                </sp-action-button>
                <sp-action-button>
                    <sp-icon-more slot="icon" label="More"></sp-icon-more>
                </sp-action-button>
            </sp-action-group>
        </sp-action-bar>
    ` ; } ;