mixin view-action-menu 
    +view('action-menu', 'Action menu')
        .c-box
            div(style={ display: 'flex', 'flex-direction': 'column', 'align-items': 'flex-start' })
                +action-button(quiet=true selected=true)= 'Menu'
                +action-menu
                    +action-menu-slot(class='l-card l-card--flush')
                        +avatar(block=true circle=true size='100' src='avatar.png' class='l-card__block')
                        .l-card__block.l-card__block--main
                            strong.u-d-block= 'Volpeon'
                            small.u-d-block= '@volpeon@mk.vulpes.one'
                    +action-menu-separator
                    +action-menu-item(icon='user')= 'View profile'
                    +action-menu-item(icon='red' iconIsStatus=true)= 'Mark as away'
                    +action-menu-separator
                    +action-menu-item(icon='trash' disabled=true)= 'Delete'
                    +action-menu-item(icon='bookmark')= 'Bookmark'
                    +action-menu-item(icon='tags')= 'Tags'
                    +action-menu-item(postIcon='chevron-right')= 'More'