<template>
    <div class="c-mta-comment-layout">
        <div class="head-portrait-box">
            <slot name="avatar"></slot>
        </div>
        <div class="c-comment-content">
            <div class="c-first-line">
               <slot name="nameAndRate"></slot>
            </div>
            <div class="c-two-line">
                <slot name="content"></slot>
            </div>
            <div class="c-three-line">
                <slot name="btnAndDate"></slot>
            </div>
            <div class="c-four-line">
                <slot name="Reply"></slot>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'MtaCommentLayout',
    };
</script>
