mixin view-menu 
    +view('menu', 'Menu')
        .c-box
            div(style={ display: 'flex', gap: '3rem' })
                +menu
                    +menu-header= 'Category 1'
                    +menu-item= 'Mark as away'
                    +menu-item= 'Delete'

                    +menu-header= 'Category 2'
                    +menu-item(icon='bookmark')= 'Bookmark'
                    +menu-item(icon='tags')= 'Tags'

                +menu
                    +menu-item
                        strong= 'Bouncer'

                    +menu-separator

                    +menu-item
                        strong= 'Libera'
                    +menu-item(icon='hash')= 'achannel'
                    +menu-item(icon='hash')= 'kitsuneirc'
                    +menu-item(icon='green' iconIsStatus=true)= 'volpeon'
                    +menu-item(icon='red' iconIsStatus=true)= 'someone'

                    +menu-separator

                    +menu-item
                        strong= 'Ergo Testnet'

                    +menu-separator

                    +menu-item
                        strong= 'NixNet'

                +menu
                    +menu-header= 'Operators'
                    +menu-item
                        +user-card('volpeon', 0)
                    +menu-item
                        +user-card('curiousfox', 90)

                    +menu-header= 'Moderators'
                    +menu-item
                        +user-card('user3567', 135)
                    +menu-item
                        +user-card('johndoe', 270)