Button loading states

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

<template>
  <div class="flex items-center justify-center gap-3">
    <Button disabled>
      <Spinner />
      Saving...
    </Button>
    <Button variant="outline" disabled>
      <Spinner />
      Loading
    </Button>
    <Button variant="secondary" disabled>
      <Spinner />
      Processing
    </Button>
  </div>
</template>