import specialties from "@/data/specialties.json";
import Form from "./form";

function Content({ data, setData }) {
  const changeData = (value, name, isCategory, key) => {
    const newData = { ...data, [name]: value };

    if (isCategory) {
      const childrenList = specialties.filter((item) => item.parent);
      const filteredChildrenList = childrenList.filter(
        (item) => item.parent === value.id
      );
      const firstChildren = filteredChildrenList[0];

      newData.specialties = firstChildren || "";
    }

    setData(newData);
    return newData;
  };

  return (
    <div className="mt-[50px] px-[0px] md:px-[19px] lg:px-[38px] mb-[32px]">
      <Form data={data} changeData={changeData} />
    </div>
  );
}

export default Content;