How to use

import { SkiperNumberFlow } from "@/components/v1/skiper69";

const BasicExample = () => {
  return (
    <div className="flex h-screen w-full items-center justify-center">
      <SkiperNumberFlow value={12345} />
    </div>
  );
};

With state values

const StateExample = () => {
  const [value, setValue] = useState(19348.43);

  return (
    <div className="flex h-screen w-full items-center justify-center">
      <SkiperNumberFlow
        value={value}
        prefix="$"
        format="currency"
        className="text-6xl font-semibold"
      />
      <button onClick={() => setValue(value + 1)}>Update Value</button>
    </div>
  );
};

format and local type

type FormatType = "number" | "currency" | "percentage" | "decimal";
type LocaleType =
  | "en-US"
  | "de-DE"
  | "fr-FR"
  | "es-ES"
  | "it-IT"
  | "ja-JP"
  | "ko-KR"
  | "zh-CN"
  | "zh-TW";