interface AnalyzingStageProps {
  previewUrl: string;
  scanLine: string;
}

export default function AnalyzingStage({
  previewUrl,
  scanLine,
}: AnalyzingStageProps) {
  return (
    <div className="relative flex min-h-110 flex-col items-center justify-center gap-5 p-8">
      <div className="relative w-full max-w-65 overflow-hidden rounded-md border border-border">
        <img
          src={previewUrl}
          alt="Photo being inspected"
          className="w-full object-cover"
        />
        <div
          className="animate-sweep absolute inset-x-0 top-0 h-1/3"
          style={{
            background:
              "linear-gradient(to bottom, transparent, color-mix(in oklab, var(--color-link-1) 40%, transparent), transparent)",
          }}
        />
        <div className="absolute inset-0 ring-1 ring-inset ring-link-1/20" />
      </div>
      <p className=" text-[12px] text-link-1">{scanLine}</p>
    </div>
  );
}
