import * as React from 'react';
export interface GridProps {
    /** @name Align Content */
    alignContent?: GridContentAlignment;
    /** @name Align Items */
    alignItems?: GridItemsAlignment;
    /** @name Container */
    container?: boolean;
    /** @name Direction */
    direction?: GridDirection;
    /** @name Item */
    item?: boolean;
    /** @name Justification */
    justify?: GridJustification;
    /** @name Spacing */
    spacing?: GridSpacing;
    /** @name Wrap */
    wrap?: GridWrap;
    /** @name Zero Min Width */
    zeroMinWidth?: boolean;
}
export declare enum GridJustification {
    FlexStart = "flex-start",
    Center = "center",
    FlexEnd = "flex-end",
    Spacebetween = "space-between",
    SpaceAround = "space-around",
    SpaceEvenly = "space-evenly"
}
export declare enum GridContentAlignment {
    Stretch = "stretch",
    Center = "center",
    FlexStart = "flex-start",
    FlexEnd = "flex-end",
    Spacebetween = "space-between",
    SpaceAround = "space-around"
}
export declare enum GridItemsAlignment {
    FlexStart = "flex-start",
    Center = "center",
    FlexEnd = "flex-end",
    Stretch = "stretch",
    Baseline = "baseline"
}
export declare enum GridDirection {
    Row = "row",
    RowReverse = "row-reverse",
    Column = "column",
    ColumnReverse = "column-reverse"
}
export declare enum GridWrap {
    NoWrap = "nowrap",
    Wrap = "wrap",
    WrapReverse = "wrap-reverse"
}
export declare enum GridSize {
    Size1 = 1,
    Size2 = 2,
    Size3 = 3,
    Size4 = 4,
    Size5 = 5,
    Size6 = 6,
    Size7 = 7,
    Size8 = 8,
    Size9 = 9,
    Size10 = 10,
    Size11 = 11,
    Size12 = 12
}
export declare enum GridSpacing {
    Spacing0 = 0,
    Spacing8 = 8,
    Spacing16 = 16,
    Spacing24 = 24,
    Spacing32 = 32,
    Spacing40 = 40
}
/**
 * @name Grid
 * @group Layout
 * @description Responsive layout grid
 */
export declare const Grid: React.SFC<GridProps>;