<template >
    <p class="error-message" :id="this.id">{{errormessage}}</p>
</template>

<script>
export default {
    props: {
        errormessage: {type: [String, Boolean], default: false},
        id: {type: String},
        condition: {type: String, default: 'false'}
    }
}
</script>

<style>
.error-message{
    color: red;
    font-weight: bold;
    text-align: center;
    font-size: 24px;
}
</style>