"use client";

import { IconCheck, IconLoader2, IconX } from "@tabler/icons-react";
import type { RequestStatus } from "@/lib/http/use-request";

type RequestIndicatorProps = {
  status: RequestStatus;
};

export function RequestIndicator({ status }: RequestIndicatorProps) {
  if (status === "loading") {
    return <IconLoader2 className="h-4 w-4 animate-spin text-muted-foreground" />;
  }
  if (status === "success") {
    return <IconCheck className="h-4 w-4 text-emerald-500" />;
  }
  if (status === "error") {
    return <IconX className="h-4 w-4 text-destructive" />;
  }
  return null;
}