mixin view-overflow-button 
    +view('overflow-button', 'Overflow button')
        .c-box
            +overflow-button(icon='trash')= '123'
            = ' '
            +overflow-button(icon='trash' selected=true)= 'Delete'
            = ' '
            +overflow-button(icon='trash' disabled=true)= 'Disabled'
            = ' '
            +overflow-button(icon='trash' selected=true disabled=true)= 'Selected + disabled'

        .c-box
            +overflow-button(icon='trash' variant='red')= '123'
            = ' '
            +overflow-button(icon='trash' variant='red' selected=true)= 'Delete'
            = ' '
            +overflow-button(icon='trash' variant='red' disabled=true)= 'Disabled'
            = ' '
            +overflow-button(icon='trash' variant='red' selected=true disabled=true)= 'Selected + disabled'

        .c-box
            +overflow-button(icon='trash' variant='blue')= '123'
            = ' '
            +overflow-button(icon='trash' variant='blue' selected=true)= 'Delete'
            = ' '
            +overflow-button(icon='trash' variant='blue' disabled=true)= 'Disabled'
            = ' '
            +overflow-button(icon='trash' variant='blue' selected=true disabled=true)= 'Selected + disabled'

        .c-box
            +overflow-button(icon='trash' variant='green')= '123'
            = ' '
            +overflow-button(icon='trash' variant='green' selected=true)= 'Delete'
            = ' '
            +overflow-button(icon='trash' variant='green' disabled=true)= 'Disabled'
            = ' '
            +overflow-button(icon='trash' variant='green' selected=true disabled=true)= 'Selected + disabled'