Custom invert error toast with details

<script setup lang="ts">
import { Button } from "@/components/ui/button"
</script>

<template>
  <div class="flex items-center justify-center">
    <Button variant="outline" class="w-fit">Invert Error Toast</Button>
  </div>
</template>