// import { PADDING_MODE } from "@illa-public/public-types"
import { v4 } from "uuid"
import { ReactComponent as GridContainer} from "@/assets/widgetCover/gridcontainer.svg"
import { PADDING_MODE } from "@/utils/generators/interface"
import { BasicContainerConfig } from "@/widgetLibrary/BasicContainer/BasicContainer"
import { RESIZE_DIRECTION, WidgetConfig } from "@/widgetLibrary/interface"

const defaultListView = [
  { id: v4(), key: "View 1", label: "View 1",xs:11.5,sm:11.5,md:4,lg:4 },
  { id: v4(), key: "View 2", label: "View 2",xs:11.5,sm:11.5,md:4,lg:4  },
  { id: v4(), key: "View 3", label: "View 3",xs:11.5,sm:11.5,md:4,lg:4  },
]
export const GridCONTAINER_WIDGET_CONFIG: WidgetConfig = {
  type: "GridCONTAINER_WIDGET",
  displayName: "GridContainer",
  widgetName: "Grid Container",
  keywords: ["container", "容器"],
  icon: <GridContainer />,
  sessionType: "CONTAINER",
  w: 10,
  h: 19,
  version: 0,
  childrenNode: [
    BasicContainerConfig,
    BasicContainerConfig,
    BasicContainerConfig
  ],
  defaults: {
    viewList: defaultListView,
    currentIndex: 0,
    currentKey: "View 1",
    backgroundColor: "#ffggas",
    radius: "0px",
    shadow: "small",
    dynamicHeight: "auto",
    resizeDirection: RESIZE_DIRECTION.ALL,
    padding: {
      mode: PADDING_MODE.ALL,
      size: "0",
    },
  },
}
