Button Loading

import { useState } from "react";
import ButtonLoading from "@/components/ruixen/button-loading";
import type { LoadingButtonState } from "@/components/ruixen/button-loading";
 
export default function MyComponent() {
  const [state, setState] = useState<LoadingButtonState>("idle");
 
  const handleSubmit = async () => {
    setState("loading");
    try {
      await submitForm();
      setState("success");
    } catch {
      setState("error");
    }
  };
 
  return (
    <ButtonLoading state={state} onClick={handleSubmit}>
      Submit
    </ButtonLoading>
  );
}