import { Embed } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
import { MdCode } from "react-icons/md";

import { embedField } from "@/domain/fields";

import { createDefaultWidgetValues } from "../../../../utils";
import { Widget } from "../Widget";

/**  {
  "type" : "Embed",
  "config" : {
    "label" : "embed",
    "placeholder" : "dddd"
  }
} */

// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
const { FormFields, schema } = createDefaultWidgetValues("Embed");

const Meta = {
  icon: MdCode,
};

export const EmbedWidget: Widget<Embed, typeof schema> = {
  create: (label: string) => ({
    type: "Embed",
    config: {
      label,
      placeholder: "",
    },
  }),
  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
  FormFields,
  TYPE_NAME: "Embed",
  schema,
  Meta,
  label: embedField.name,
};