Status Button

"use client"

import * as React from "react"

import { StatusButton, type ButtonStatus } from "@/components/ui/status-button"

export function SaveButton() {
  const [status, setStatus] = React.useState<ButtonStatus>("idle")

  async function save() {
    setStatus("loading")
    try {
      await saveChanges()
      setStatus("success")
    } catch {
      setStatus("error")
    }
  }

  return (
    <StatusButton status={status} onClick={save}>
      Save changes
    </StatusButton>
  )
}