import React from "react";
import { SupportedHeights, SupportedSizes } from "../../layout/grid";
import { IBreakPointDescriptor } from "../../layout/mediaQueries";
export interface IProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * A fraction (1/12, 1/3, etc) to fit the column into the grid. Also can specify
     * it for specific breakpoint: { sm: "1/2", md: "1/3" }
     */
    size?: SupportedSizes;
    /** Row height of column entry, is multiplied by our row height preset (according to css-gridish.json - 0.5rem == 8px) */
    height?: SupportedHeights;
    /** Additional vertical padding. Format string to match spacing format. See README for details */
    verticalPadding?: string | IBreakPointDescriptor<string>;
    /** Additional vertical margin. Format string to match spacing format. See README for details */
    verticalMargin?: string | IBreakPointDescriptor<string>;
    /** Useful setting to make the contents row/column aligned (flex-direction) */
    flexDirection?: "column" | "row";
    /** Useful setting alignment */
    flexAlignment?: string;
    /**
     * If your column needs a separator from the rest of the columns. Currently we only support a right separator and a full screen version.
     * The fullscreen version will extend. For fullscreen right, the grid that it is contained in MUST be set to grow to the container
     * height (allowGrow prop)
     */
    separator?: "right" | "fullscreen right";
}
export declare const Col: React.SFC<IProps>;
export default Col;