"use client";

import { useQuery } from "@tanstack/react-query";
import axios from "axios";
import { FC, useId } from "react";
import SmsTemplateForm from "./sms-template-form";

type props = {
  smsTemplateId: string | null;
  isOpen: boolean;
  setOpen: () => void;
};
const SmsTemplateEdit: FC<props> = ({ smsTemplateId, setOpen, isOpen }) => {
  const random_id = useId();
  const getAccountHead = async () => {
    const { data } = await axios.get(`/api/sms-templates/${smsTemplateId}`);
    return data?.data;
  };
  const { data: smsTemplate } = useQuery({
    queryKey: [random_id],
    queryFn: () => getAccountHead(),
    retry: 0,
  });
  return (
    <>
      {smsTemplate && (
        <SmsTemplateForm
          smsTemplate={smsTemplate}
          mode="edit"
          isOpen={isOpen}
          setOpen={setOpen}
        />
      )}
    </>
  );
};

export default SmsTemplateEdit;