<script setup lang="ts">
defineProps<{
    message?: string;
}>();
</script>

<template>
    <div v-show="message" class="c-input-error">
        <p class="c-input-error__message">
            {{ message }}
        </p>
    </div>
</template>

<style scoped>
@reference "../../css/app.css";

.c-input-error__message {
    @apply text-sm text-red-600 dark:text-red-500;
}
</style>
