<script setup lang="ts"> import type { HTMLAttributes } from "vue"; import { cn } from "@/lib/utils"; import { type AlertVariants, alertVariants } from "."; const props = defineProps<{ class?: HTMLAttributes["class"]; variant?: AlertVariants["variant"]; }>(); </script> <template> <div :class="cn(alertVariants({ variant }), props.class)" role="alert"> <slot /> </div> </template>