Text MorphText Morph

"use client";

import * as React from "react";
import { TextMorph } from "@/components/ui/notchset/text-morph";

const STATES = ["QUEUED", "RUNNING", "PASSED"];

export function RunStatus() {
  const [step, setStep] = React.useState(0);
  React.useEffect(() => {
    const t = setInterval(() => setStep((s) => (s + 1) % STATES.length), 2400);
    return () => clearInterval(t);
  }, []);
  return <TextMorph value={STATES[step]} className="text-[92px]" />;
}