import * as React from "react";
import { ColValueType } from "./col";
declare const justifyValues: ["flex-start", "flex-end", "center", "space-around", "space-between"];
declare type justifyEnum = typeof justifyValues[number];
declare const alignValues: ["flex-start", "flex-end", "center", "baseline", "stretch"];
declare type alignEnum = typeof alignValues[number];
export interface GutterObjectType {
    xs: ColValueType;
    sm: ColValueType;
    md: ColValueType;
    lg: ColValueType;
}
declare type GutterArrayType = [ColValueType | GutterObjectType, ColValueType | GutterObjectType];
export declare type Gutter = ColValueType | GutterObjectType | GutterArrayType;
export interface RowProps {
    /** Horizontal align items*/
    justify?: justifyEnum;
    /** Vertical align items */
    align?: alignEnum;
    /** space between columns */
    gutter?: Gutter;
    /** Cols for your layout  */
    children: React.ReactNode;
    /** React.CSSProperties  */
    style?: React.CSSProperties;
}
export declare const Row: ({ gutter, children, ...rest }: RowProps) => JSX.Element;
export declare const applyGutter: (gutter: Gutter, screenWidth: string, isRow?: boolean) => any;
export declare const applyScreenBasedGutter: (gutter: GutterObjectType, screenWidth: string, isRow?: boolean) => import("styled-components").FlattenSimpleInterpolation;
declare const _default: React.MemoExoticComponent<({ gutter, children, ...rest }: RowProps) => JSX.Element>;
export default _default;