import React, { useState } from "react";
import { RequestCluster } from "../request-cluster";
import { StolenDataEntry } from "../stolen-data-entry";
import EmailTemplate1 from "./email-template-1";
import EmailTemplate2 from "./email-template-2";

export default function EmailTemplate({
  entries,
  clusters,
  version,
}: {
  entries: StolenDataEntry[];
  clusters: Record<string, RequestCluster>;
  version: number;
}) {
  const [templateVersion, setTemplateVersion] = useState("2");
  return (
    <div>
      <select
        value={templateVersion}
        onChange={(e) => setTemplateVersion(e.target.value)}
      >
        <option value="1">wersja 1</option>
        <option value="2">wersja 2</option>
      </select>
      {templateVersion === "1" ? (
        <EmailTemplate1 {...{ entries, clusters, version }} />
      ) : (
        <EmailTemplate2 {...{ entries, clusters, version }} />
      )}
    </div>
  );
}