mirror of
https://github.com/unraid/api.git
synced 2026-01-04 07:29:48 -06:00
32 lines
797 B
Vue
32 lines
797 B
Vue
<script setup lang="ts">
|
|
import { CheckCircleIcon, XCircleIcon } from '@heroicons/vue/24/solid';
|
|
|
|
export interface Props {
|
|
error?: boolean;
|
|
icon?: typeof CheckCircleIcon;
|
|
success?: boolean;
|
|
text?: string;
|
|
}
|
|
|
|
withDefaults(defineProps<Props>(), {
|
|
error: false,
|
|
icon: undefined,
|
|
success: false,
|
|
text: undefined,
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div class="mx-auto max-w-[45ch]">
|
|
<div class="flex items-start justify-center gap-x-8px">
|
|
<CheckCircleIcon v-if="success" class="fill-green-600 w-28px shrink-0" />
|
|
<XCircleIcon v-if="error" class="fill-unraid-red w-28px shrink-0" />
|
|
<component :is="icon" v-if="icon" class="fill-current opacity-75 w-28px shrink-0" />
|
|
<p class="text-18px">
|
|
{{ text }}
|
|
</p>
|
|
</div>
|
|
<slot />
|
|
</div>
|
|
</template>
|