import { GFCol } from "@/gen/utils";
import get from "lodash.get";
import { FC } from "react";

export const fields_map = new Map<string, (GFCol & { checked?: GFCol[] })[]>();

export const GetValue: FC<{
  value: any;
  name: string;
}> = (prop) => {
  const { value, name } = prop;
  return get(value, name)
  return (
    <div className="c-flex c-space-x-2 c-items-center">
      {get(value, name)}
    </div>
  );
  // if (gen_fields) {
  //   const gf = JSON.stringify(gen_fields);
  //   if (!fields_map.has(gf)) {
  //     fields_map.set(
  //       gf,
  //       gen_fields.map((e: any) => {
  //         if (typeof e === "string") {
  //           return JSON.parse(e);
  //         } else {
  //           return {
  //             ...JSON.parse(e.value),
  //             checked: e.checked.map(JSON.parse),
  //           };
  //         }
  //       })
  //     );
  //   }

  //   const fields = fields_map.get(gf);

  //   if (typeof value === "object" && value) {
  //     const rel = fields?.find((e) => e.name === name);
  //     if (rel && rel.checked) {
  //       const result = rel.checked
  //         .filter((e) => !e.is_pk)
  //         .map((e) => {
  //           return value[e.name];
  //         })
  //         .join(" - ");

  //       if (Array.isArray(value)) {
  //         const len = value.length;
  //         if (len === 0) return ` - `;
  //         return `${len} item${len > 1 ? "s" : ""}`;
  //       }
  //       return result;
  //     }

  //     return JSON.stringify(value);
  //   }
  // }

  // let prefix = <></>;
  // if (typeof tree_depth === "number" && tree_depth > 0) {
  //   prefix = (
  //     <div
  //       className={css`
  //         padding-left: ${tree_depth * 5}px;
  //       `}
  //     >
  //       <div
  //         className={cx(
  //           " c-border-l c-border-b c-border-black c-w-[10px] c-h-[15px]",
  //           css`
  //             margin-top: -10px;
  //           `
  //         )}
  //       ></div>
  //     </div>
  //   );
  // }

  // return (
  //   <div className="c-flex c-space-x-2 c-items-center">
  //     {prefix}
  //     <div>{value}</div>
  //   </div>
  // );
};