mixin view-message
    +view('message', 'Message')
        .c-box
            +message('Volpeon')(compact=true theme='t-up')
                +slot('body')= loremIpsum
                +slot('time')
                    = '12:34'
                    +icon('lock')(class='u-mis-100')

        .c-box
            +message('Volpeon')(compact=true highlight=true theme='t-up')
                +slot('body')= loremIpsum

        .c-box.u-themed.t-hi
            +message()(compact=true bubble=true theme='t-def')
                +slot('body')= loremIpsum

        .c-box.l-overflow(style='resize: vertical')
            +message('Volpeon')(avatar=true theme='t-up')
                +slot('header')
                    .l-media
                        .l-media__block.l-media__block--main
                            strong= 'Volpeon'
                            small.u-mis-100= '@volpeon@mk.vulpes.one'
                        small.l-media__block
                            = '5 minutes ago'
                            +icon('lock')(class='u-mis-100')
                +slot('body')
                    = loremIpsum
                    = loremIpsum
                    = loremIpsum