import * as React from "react";
import { Input } from "@/shared/common/ui/input"; // your Input component

interface FaydaInputProps {
  faydaValue: string;
  setFaydaValue: (value: string) => void; // make sure it's not optional
}

export const FaydaInput: React.FC<FaydaInputProps> = ({
  faydaValue,
  setFaydaValue,
}) => {
  return (
    <div className="space-y-3">
      <label className="block">
        <span className="font-medium">Fayda ID</span>
        <Input
          type="text"
          value={faydaValue}
          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
            setFaydaValue(e.target.value)
          }
          placeholder="Enter Fayda ID"
          className="mt-1 block w-full rounded-md border px-3 py-2"
        />
      </label>
    </div>
  );
};
