import { RESIZE_DIRECTION, WidgetConfig } from "@/widgetLibrary/interface";
import LabelIcon from "@/assets/widgetCover/label.svg";

import { CONTAINER_TYPE } from "@/utils/generators/interface"

export const BasicNativeContainerConfig = {
  type: "NATIVECANVAS",
  displayName: "ViewNative",
  widgetName: "ViewNative",
  containerType: CONTAINER_TYPE.EDITOR_DOT_PANEL,
  version: 0,
}

export const NATIVE_CONTAINER_CONFIG: WidgetConfig = {
  type: "NATIVE_CONTAINER_WIDGET",
  displayName: "NativeContainer",
  widgetName: "NativeContainer",
  //   icon: LabelIcon, // Replace null with LabelIcon if required
  keywords: ["CustomView", "Container", "Layout"],
  sessionType: "CONTAINER",
  // w: 12,
  // h: 8,
  childrenNode: [BasicNativeContainerConfig, BasicNativeContainerConfig],
  //   resizeDirection: RESIZE_DIRECTION.BOTH,
  version: 1,
  defaults: {
    direction: "row",
    justify: "flex-start",
    align: "center",
    padding: 0,
    rowGap: 0,
    columnGap: 0,
    isEditMode: false,
    label: "Custom View",
  },
  icon: ""
};
