Toast variants with colored icons

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

<template>
  <div class="grid grid-cols-3 gap-2">
    <Button size="sm" variant="outline" class="w-full">Default</Button>
    <Button size="sm" variant="outline" class="w-full">Success</Button>
    <Button size="sm" variant="outline" class="w-full">Error</Button>
    <Button size="sm" variant="outline" class="w-full">Warning</Button>
    <Button size="sm" variant="outline" class="w-full">Info</Button>
    <Button size="sm" variant="outline" class="w-full">Loading</Button>
  </div>
</template>