export interface DomType {
  columns: {
    noFor?: boolean;
    element: JSX.Element;
  }[];
  pagination?: JSX.Element;
}
export interface WaterfallType {
  columns: {
    noFor?: boolean;
    type?: string,
    element: JSX.Element;
  }[];
  pagination?: JSX.Element;
}
export interface leftBoxProps {
  boxIndex: number;
  leftRenderDom?: DomType;
  leftWaterfallDom?: WaterfallType;
  leftcontentstyle?: {
    width?: string;
    margin?: {
      top: number | string;
      right: number | string;
      bottom: number | string;
      left: number | string;
    };
  };
}
export interface rightBoxProps {
  rightRenderDom: DomType;
}

export interface BoxProps {
  boxIndex: number;
  leftRenderDom?: DomType;
  leftWaterfallDom?: WaterfallType;
  leftcontentstyle?: {
    width?: string;
    margin?: {
      top: number | string;
      right: number | string;
      bottom: number | string;
      left: number | string;
    };
  };

  rightRenderDom: DomType;
}
