@recursyve/forms-frontend/src/interfaces/display-config.interface.d.ts

export interface DisplayConfig {
    fxConfig?: FxConfig;
    display?: "block" | "inline-block" | "flex";
    margin?: MarginConfig;
    width?: WidthConfig;
    height?: HeightConfig;
}
export interface FxConfig {
    flexGroup?: FlexGroupConfig;
    flexGroupItem?: FlexGroupItemConfig;
}
export interface FlexGroupConfig {
    layout?: FlexLayoutConfig;
    alignment?: FlexAlignmentConfig;
}
export interface FlexLayoutConfig {
    direction?: "row" | "row-reverse" | "column" | "column-reverse";
    wrap?: "nowrap" | "wrap" | "wrap-reverse";
}
export interface FlexAlignmentConfig {
    mainAxis?: "flex-start" | "flex-end" | "center" | "space-around" | "space-between" | "space-evenly";
    crossAxis?: "flex-start" | "flex-end" | "center" | "space-around" | "space-betweeen" | "stretch" | "baseline";
}
export interface FlexGroupItemConfig {
    flex?: FlexConfig;
}
export interface FlexConfig {
    grow?: string;
    shrink?: string;
    basis?: string;
}
export interface MarginConfig {
    top?: string;
    right?: string;
    bottom?: string;
    left?: string;
    margin?: string;
}
export interface WidthConfig {
    width?: string;
    minWidth?: string;
    maxWidth?: string;
}
export interface HeightConfig {
    height?: string;
    minHeight?: string;
    maxHeight?: string;
}