import React from 'react';
import { CSSProperties } from 'styled-components';
export interface GridProps {
    children: React.ReactNode | React.ReactNode[];
    /** Sets the `row-gap` property. */
    rowGap?: CSSProperties['rowGap'];
    /** Sets the `column-gap` property. */
    columnGap?: CSSProperties['columnGap'];
    /** Sets the `margin` property. */
    margin?: CSSProperties['margin'];
}
export interface GridItemProps {
    /** Starting column indices of the grid item
     * for mobile, tablet, desktop, large desktop */
    columnStart: number[];
    /** Ending column indices of the grid item
     * for mobile, tablet, desktop, large desktop */
    columnEnd: number[];
}
export declare const GridItem: import("styled-components").StyledComponent<"div", any, GridItemProps, never>;
declare const Grid: import("styled-components").StyledComponent<"div", any, GridProps, never>;
export default Grid;