/// <reference types="react" />
import { XBaseContainer } from "./XBaseContainer";
import { XBaseControl } from "../Controls/XBaseControl";
import { BorderStyle, WidthUnitInterface } from "../FormDesignConstants";
import { XBaseStackContainer } from "./XBaseStackContainer";
import { IDataDefinition } from "../../Common/Data/Definitions/IDataDefinition";
export declare class XColumnContainerColumn extends XBaseStackContainer {
    minSizePx?: number;
    maxSizePx?: number;
    targetWidth: number;
    widthUnit?: WidthUnitInterface;
    spacerColumn: boolean;
    padding?: number;
    interControlSpacing?: number;
    controlInnerMarginFromColumnEdge?: number;
    showColumnBorder?: boolean;
    columnBorderColor?: string;
    columnBorderRadius?: number;
    columnBorderWidth?: number;
    columnBorderStyle?: BorderStyle;
    columnBackgroundColor?: string;
    getAddedData(): IDataDefinition | IDataDefinition[] | undefined;
    setFormDataValue(fieldName: string, value: any): void;
    renderEditUI(): JSX.Element | null;
    hasOwnBorder(): boolean | undefined;
    borderColor(): string | undefined;
    borderStyle(): BorderStyle | undefined;
    borderWidth(): number | undefined;
    borderRadius(): number | undefined;
    backgroundColor(): string | undefined;
    getInnerMargin(): number | undefined;
}
export declare class XColumnContainer extends XBaseContainer {
    columns: XColumnContainerColumn[];
    paddingBetweenContainerAndColumns?: number;
    interControlSpacing?: number;
    controlInnerMarginFromColumnEdge?: number;
    defaultShowColumnBorder?: boolean;
    defaultColumnBorderColor?: string;
    defaultColumnBorderRadius?: 10;
    defaultColumnBorderWidth?: 2;
    defaultColumnBorderStyle?: BorderStyle;
    defaultColumnBackgroundColor?: string | null;
    defaultInnerColumnMargin?: number;
    gapBetweenColumns: number;
    lineBetweenColumns: boolean;
    lineWidthBetweenColumns: number;
    lineColorBetweenColumns: string;
    addColumn(col: XColumnContainerColumn): void;
    add(control: XBaseControl, index?: number): void;
    remove(control: XBaseControl): void;
    find(id: string): XBaseControl | null;
    getInnerMargin(): number | undefined;
    getFormWidth(): number | undefined;
    render(): JSX.Element;
    getAddedData(): IDataDefinition | IDataDefinition[] | undefined;
    getStorageData(): object;
    setStorageData(data: object): void;
    setOrder(id: string, order: number): void;
    getControls(): XBaseControl[];
    renderEditUI(): JSX.Element;
}
