import { OnInit } from '@angular/core';
import { CSSProperties, Styles, Theme } from '../../types/index';
import { Ground, GroundProps } from '../ground/index';
declare type AlignContentProp = CSSProperties['alignContent'];
declare type AlignItemsProp = CSSProperties['alignItems'];
declare type FlexDirectionProp = CSSProperties['flexDirection'];
declare type FlexWrapProp = CSSProperties['flexWrap'];
declare type JustifyContentProp = CSSProperties['justifyContent'];
export interface FlexProps extends GroundProps {
    alignContent?: AlignContentProp;
    alignItems?: AlignItemsProp;
    flexDirection?: FlexDirectionProp;
    flexWrap?: FlexWrapProp;
    justifyContent?: JustifyContentProp;
}
export declare const FlexClassKey: string;
export declare type FlexClasses = 'root' | 'alignContentCenter' | 'alignContentFlexEnd' | 'alginContentFlexStart' | 'alignContentSpaceAround' | 'alignContentSpaceBetween' | 'alignContentStretch' | 'alignItemsBaseline' | 'alignItemsCenter' | 'alignItemsFlexEnd' | 'alignItemsFlexStart' | 'alignItemsStretch' | 'flexDirectionColumn' | 'flexDirectionColumnReverse' | 'flexDirectionRow' | 'flexDirectionRowReverse' | 'flexWrapNoWrap' | 'flexWrapWrap' | 'flexWrapWrapReverse' | 'justifyContentCenter' | 'justifyContentFlexEnd' | 'justifyContentFlexStart' | 'justifyContentSpaceAround' | 'justifyContentSpaceBetween' | 'justifyContentSpaceEvenly';
export declare function FlexStyles(theme: Theme): Styles;
export declare class Flex extends Ground implements OnInit {
    alignContent: AlignContentProp;
    alignItems: AlignItemsProp;
    flexDirection: FlexDirectionProp;
    flexWrap: FlexWrapProp;
    justifyContent: JustifyContentProp;
    ngOnInit(): void;
    composeClasses(): void;
}
export {};