mixin view-action-button 
    +view('action-button', 'Action button')
        .c-box
            +action-button(size='sm')= 'Idle'
            = ' '
            +action-button= 'Idle'
            = ' '
            +action-button(size='lg')= 'Idle'
            = ' '
            +action-button(size='xl')= 'Idle'

        .c-box
            +action-button(icon='trash' size='sm')
            = ' '
            +action-button(icon='trash')
            = ' '
            +action-button(icon='trash' size='lg')
            = ' '
            +action-button(icon='trash' size='xl')

        .c-box
            +action-button(pill=true size='sm')= 'Idle'
            = ' '
            +action-button(pill=true)= 'Idle'
            = ' '
            +action-button(pill=true size='lg')= 'Idle'
            = ' '
            +action-button(pill=true size='xl')= 'Idle'

        .c-box
            +action-button(pill=true icon='trash' size='sm')
            = ' '
            +action-button(pill=true icon='trash')
            = ' '
            +action-button(pill=true icon='trash' size='lg')
            = ' '
            +action-button(pill=true icon='trash' size='xl')

        .c-box
            +action-button= 'Label'
            = ' '
            +action-button(icon='trash')= 'Label'
            = ' '
            +action-button(icon='trash')

        .c-box
            +action-button(quiet=true)= 'Label'
            = ' '
            +action-button(quiet=true icon='trash')= 'Label'
            = ' '
            +action-button(quiet=true icon='trash')

        .c-box
            +action-button= 'Idle'
            = ' '
            +action-button(selected=true)= 'Selected'
            = ' '
            +action-button(disabled=true)= 'Disabled'
            = ' '
            +action-button(selected=true disabled=true)= 'Selected + disabled'

        .c-box
            +action-button(quiet=true )= 'Idle'
            = ' '
            +action-button(quiet=true selected=true)= 'Selected'
            = ' '
            +action-button(quiet=true disabled=true)= 'Disabled'
            = ' '
            +action-button(quiet=true selected=true disabled=true)= 'Selected + disabled'

        .c-box
            +action-button(pill=true)= 'Idle'
            = ' '
            +action-button(pill=true selected=true)= 'Selected'
            = ' '
            +action-button(pill=true disabled=true)= 'Disabled'
            = ' '
            +action-button(pill=true selected=true disabled=true)= 'Selected + disabled'

        .c-box
            +action-button(pill=true quiet=true)= 'Idle'
            = ' '
            +action-button(pill=true quiet=true selected=true)= 'Selected'
            = ' '
            +action-button(pill=true quiet=true disabled=true)= 'Disabled'
            = ' '
            +action-button(pill=true quiet=true selected=true disabled=true)= 'Selected + disabled'