<template>
    <div class="lg:inline-flex" role="alert">
        <span class="title" v-html="title" v-if="title && title.length > 0"></span>
        <span class="message" v-html="message"></span>
    </div>
</template>

<script lang="ts">
    export default {
        name: 'message-box',
        props: {
            title: {type: String, required: false},
            message: {type: String, required: true}
        },
    };
</script>
