aboutsummaryrefslogtreecommitdiff
path: root/resources/vue/components/courseware/layouts/CoursewareCompanionBox.vue
blob: 01c57e39cb667e5ec416a9370485da039675f18a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<template>
    <div class="cw-companion-box" :class="[mood, border ? '' : 'borderless' ]">
        <div>
            <p class="cw-companion-message" v-html="msgCompanion"></p>
            <slot name="companionActions"></slot>
        </div>
    </div>
</template>

<script>
export default {
    name: 'courseware-companion-box',
    props: {
        msgCompanion: String,
        mood: {
            type: String,
            default: 'default',
            validator: value => {
                return ['default','unsure', 'special', 'sad', 'pointing', 'curious'].includes(value);
            }
        },
        border: {
            type: Boolean,
            default: true
        }
    }
};
</script>