// import { HorizontalEndIcon, HorizontalStartIcon } from "@illa-design/react"
import i18n from "@/i18n/config";
import { PanelConfig } from "@/page/app/components/InspectPanel/interface";
import { VALIDATION_TYPES } from "@/utils/validationFactory";
// import { INPUT_EVENT_HANDLER_CONFIG } from "@/widgetLibrary/InputWidget/eventHandlerConfig"
// import { generatorEventHandlerConfig } from "@/widgetLibrary/PublicSector/utils/generatorEventHandlerConfig"

const baseWidgetName = "input";
export const CHECKBOX_PANEL_CONFIG: PanelConfig[] = [
  {
    id: `${baseWidgetName}-label`,
    groupName: i18n.t("editor.inspect.setter_group.label"),
    children: [
      {
        id: `${baseWidgetName}-label-label`,
        labelName: i18n.t("editor.inspect.setter_label.label"),
        attrName: "label",
        setterType: "INPUT_SETTER",
        expectedType: VALIDATION_TYPES.STRING,
      },
    ],
  },
  {
    id: `${baseWidgetName}-interaction`,
    groupName: i18n.t("editor.inspect.setter_group.interaction"),
    children: [
      {
        id: `${baseWidgetName}-interaction-readonly`,
        labelName: "Required",
        labelDesc: "Required",
        attrName: "required",
        setterType: "INPUT_SETTER",
        placeholder: "{{false}}",
        expectedType: VALIDATION_TYPES.BOOLEAN,
      },
      {
        id: `${baseWidgetName}-interaction-disabled`,
        labelName: i18n.t("editor.inspect.setter_label.disabled"),
        labelDesc: i18n.t("editor.inspect.setter_tooltip.disabled"),
        attrName: "disabled",
        setterType: "INPUT_SETTER",
        expectedType: VALIDATION_TYPES.BOOLEAN,
        placeholder: "{{false}}",
      },
      {
        id: `${baseWidgetName}-interaction-readonly`,
        labelName: "Checked",
        labelDesc: "Checked",
        attrName: "checked",
        setterType: "INPUT_SETTER",
        placeholder: "{{false}}",
        expectedType: VALIDATION_TYPES.BOOLEAN,
      },
    ],
  },
  {
    id: `${baseWidgetName}-Adornments`,
    groupName: i18n.t("editor.inspect.setter_group.adornments"),
    children: [
      {
        id: `${baseWidgetName}-adornments-tooltip`,
        labelName: i18n.t("editor.inspect.setter_label.tooltip"),
        labelDesc: i18n.t("editor.inspect.setter_tooltip.tooltip"),
        attrName: "tooltipText",
        setterType: "INPUT_SETTER",
        expectedType: VALIDATION_TYPES.STRING,
      },
      {
        id: `${baseWidgetName}-basic-type`,
        labelName: "Icon",
        labelDesc: "Icon",
        attrName: "iconName",
        expectedType: VALIDATION_TYPES.STRING,
        setterType: "SEARCH_SELECT_SETTER",
        options: [
          {
            label: "FavoriteBorder",
            value: "FavoriteBorder",
          },
          {
            label: "BookmarkBorderIcon",
            value: "BookmarkBorderIcon",
          },
        ],
      },
      {
        id: `${baseWidgetName}-basic-type`,
        labelName: "CheckedIcon",
        labelDesc: "CheckedIcon",
        attrName: "checkedIconName",
        expectedType: VALIDATION_TYPES.STRING,
        setterType: "SEARCH_SELECT_SETTER",
        options: [
          {
            label: "Favorite",
            value: "Favorite",
          },
          {
            label: "BookmarkIcon",
            value: "BookmarkIcon",
          },
        ],
      },
    ],
  },
  {
    id: `${baseWidgetName}-style`,
    groupName: i18n.t("editor.inspect.setter_group.style"),
    children: [
      {
        id: `${baseWidgetName}-basic-type`,
        labelName: "LabelPlacement",
        labelDesc: "LabelPlacement",
        attrName: "labelPlacement",
        expectedType: VALIDATION_TYPES.STRING,
        setterType: "SEARCH_SELECT_SETTER",
        options: [
          {
            label: "End",
            value: "end",
          },
          {
            label: "Start",
            value: "start",
          },
          {
            label: "Bottom",
            value: "bottom",
          },
          {
            label: "Top",
            value: "top",
          },
        ],
      },
      {
        id: `${baseWidgetName}-basic-type`,
        labelName: "Color",
        labelDesc: "Color",
        attrName: "color",
        expectedType: VALIDATION_TYPES.STRING,
        setterType: "SEARCH_SELECT_SETTER",
        options: [
          {
            label: "Primary",
            value: "primary",
          },
          {
            label: "Secondary",
            value: "secondary",
          },
          {
            label: "Success",
            value: "success",
          },
          {
            label: "Error",
            value: "error",
          },
          {
            label: "Info",
            value: "info",
          },
          {
            label: "Warning",
            value: "warning",
          },
        ],
      },
    ],
  },
];
