mixin view-button 
    +view('button', 'Button')
        .c-box
            .l-button-group
                +a-button(variant='accent')= 'Button'
                +a-button(variant='accent' disabled=true)= 'Button'
                +a-button(variant='accent' outline=true)= 'Button'
                +a-button(variant='accent' outline=true disabled=true)= 'Button'
            br
            .l-button-group
                +a-button(variant='accent' icon='trash')
                +a-button(variant='accent' disabled=true icon='trash')
                +a-button(variant='accent' outline=true icon='trash')
                +a-button(variant='accent' outline=true disabled=true icon='trash')
            br
            .l-button-group
                +a-button(variant='primary')= 'Button'
                +a-button(variant='primary' disabled=true)= 'Button'
                +a-button(variant='primary' outline=true)= 'Button'
                +a-button(variant='primary' outline=true disabled=true)= 'Button'
            br
            .l-button-group
                +a-button(variant='primary' icon='trash')
                +a-button(variant='primary' disabled=true icon='trash')
                +a-button(variant='primary' outline=true icon='trash')
                +a-button(variant='primary' outline=true disabled=true icon='trash')
            br
            .l-button-group
                +a-button(variant='secondary')= 'Button'
                +a-button(variant='secondary' disabled=true)= 'Button'
                +a-button(variant='secondary' outline=true)= 'Button'
                +a-button(variant='secondary' outline=true disabled=true)= 'Button'
            br
            .l-button-group
                +a-button(variant='secondary' icon='trash')
                +a-button(variant='secondary' disabled=true icon='trash')
                +a-button(variant='secondary' outline=true icon='trash')
                +a-button(variant='secondary' outline=true disabled=true icon='trash')