import { html , TemplateResult } from '@spectrum-web-components/base' ; import '../sp-coachmark.js' ; export default { title : 'Coachmark' , component : 'sp-coachmark' , } ; export const Default = ( ) : TemplateResult => { return html `
        <sp-coachmark></sp-coachmark>
        <sp-coachmark variant="dark"></sp-coachmark>
        <sp-coachmark variant="light"></sp-coachmark>
    ` ; } ; export const quiet = ( ) : TemplateResult => { return html `
        <sp-coachmark quiet></sp-coachmark>
        <sp-coachmark quiet variant="dark"></sp-coachmark>
        <sp-coachmark quiet variant="light"></sp-coachmark>
    ` ; } ;