SaveIndicator

import { useState } from "react";
import { SaveIndicator } from "mizu-ui";

export function Example() {
  const [state, setState] = useState<"saved" | "unsaved" | "saving" | "error">(
    "unsaved",
  );
  return (
    <>
      <SaveIndicator state={state} onRetry={() => setState("saving")} />
      <select
        aria-label="Demo save state"
        value={state}
        onChange={(e) => setState(e.target.value as typeof state)}
      >
        {["saved", "unsaved", "saving", "error"].map((v) => (
          <option key={v}>{v}</option>
        ))}
      </select>
    </>
  );
}