
import  GridContainerIcon  from "@/assets/widgetCover/gridcontainer.svg";
import { BasicContainerConfig } from "@/widgetLibrary/BasicContainer/BasicContainer";
import { WidgetConfig } from "@/widgetLibrary/interface";
export const CSSGrid_WIDGET_CONFIG: WidgetConfig = {
  type: "GridCONTAINER_WIDGET",
  displayName: "gridcontainer",
  widgetName: "Grid Container",
  keywords: ["container", "容器"],
  icon: <GridContainerIcon />,
  sessionType: "CONTAINER",
  version: 0,
  childrenNode: [
    BasicContainerConfig,
    BasicContainerConfig,
    BasicContainerConfig,
    BasicContainerConfig,
  ],
  defaults: {
    Mobile: {
      columnSize: "1",
      columnFraction: ["1fr"],
      columnGap:1,
      
    },
    Tablet: {
      columnSize: "3",
      columnFraction: ["1fr","1fr","1fr"],
      columnGap:1,
    },
    Desktop: {
      columnSize: "4",
      columnFraction:["1fr","1fr","1fr","1fr"],
      columnGap:1
    },
    backgroundColor: "#ffggas",
    radius: "0px",
    dynamicHeight: "auto",
  },
};
