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