import { LayoutSize } from '../enums.js';
import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
import { ExtractFromEnum } from '../../shared/utils/enums';
export declare enum AUTO_SIZING {
    Fit = "fit",
    Fill = "fill"
}
export type Gutters = ExtractFromEnum<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
export type ColumnSpacing = ExtractFromEnum<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
export type RowSpacing = ExtractFromEnum<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
export type ColumnBasis = ExtractFromEnum<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large> | 'block';
export declare class Layout extends VividElement {
    gutters?: Gutters;
    columnBasis?: ColumnBasis;
    columnSpacing?: ColumnSpacing;
    rowSpacing?: RowSpacing;
    autoSizing?: 'fit' | 'fill';
}