/**
 * Component that maps directly to CSS grid properties.
 *
 * This component was taken / inspired by https://styled-css-grid.js.org/
 */
export interface GridProps {
    /**
     * Class name to use.
     */
    className?: string;
    /**
     * Number of columns to display.
     */
    columns?: string | number;
    /**
     * Gap (space between rows and columns if equal).
     */
    gap?: string;
    /**
     * Space between columns.
     */
    columnGap?: string;
    /**
     * Row Gap. Space between rows.
     */
    rowGap?: string;
    /**
     * Height for the grid.
     */
    height?: string;
    /**
     * Minimum height for rows.
     */
    minRowHeight?: string;
    /**
     * Grid flow.
     */
    flow?: string;
    /**
     * Number of rows.
     */
    rows?: string | number;
    /**
     * Grid areas as specified in the css grid spec.
     */
    areas?: string[];
    /**
     * Content justification (horizontal).
     */
    justifyContent?: string;
    /**
     * Alignment (verical).
     */
    alignContent?: string;
}
/**
 * Renders a CSS Grid based on properties sent to the component according to the
 * CSS Grid spec.
 */
export declare const Grid: import("styled-components").StyledComponent<"div", any, GridProps, never>;
export default Grid;