Status Dot

import { StatusDot } from "@/components/ui/status-dot-1";

export default function DemoOne() {
  return (
    <div className="flex flex-col gap-4">
      <StatusDot state="QUEUED" />
      <StatusDot state="BUILDING" />
      <StatusDot state="ERROR" />
      <StatusDot state="READY" />
      <StatusDot state="CANCELED" />
    </div>
  );
}