import { useTranslation } from "react-i18next";

export default function DocumentSimilarityThreshold({
  workspace,
  setHasChanges,
}) {
  const { t } = useTranslation();
  return (
    <div className="flex flex-col">
      <div className="flex flex-col gap-y-[8px]">
        <label htmlFor="name" className="block input-label">
          {t("vector-workspace.doc.title")}
        </label>
        <p className="text-white text-opacity-60 text-xs font-medium">
          {t("vector-workspace.doc.description")}
        </p>
      </div>
      <select
        name="similarityThreshold"
        defaultValue={workspace?.similarityThreshold ?? 0.25}
        className="border-none bg-theme-settings-input-bg text-white text-sm mt-2 rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5"
        onChange={() => setHasChanges(true)}
        required={true}
      >
        <option value={0.0}>{t("vector-workspace.doc.zero")}</option>
        <option value={0.25}>{t("vector-workspace.doc.low")}</option>
        <option value={0.5}>{t("vector-workspace.doc.medium")}</option>
        <option value={0.75}>{t("vector-workspace.doc.high")}</option>
      </select>
    </div>
  );
}
