import type { ReactNode, HTMLAttributes } from 'react';
import React from 'react';
import { type BaseProps } from '@toptal/picasso-shared';
import type { GridDirection, GridItemsAlignment, GridJustification, GridSpacing, GridWrap } from '../types';
export interface Props extends BaseProps, HTMLAttributes<HTMLElement> {
    /** Grid content containing Grid.Item */
    children?: ReactNode;
    /** Defines amount of space between Grid.Item components (in px). If spacing is not set, then it will
     * be automatically adjusted based on the screen size (16px for screens smaller than medium, 24px
     * for medium screens, and 32px for screens bigger than medium)
     */
    spacing?: GridSpacing;
    /** Defines the orientation of the grid */
    direction?: GridDirection;
    /** Defines the align-items style property based on the direction */
    alignItems?: GridItemsAlignment;
    /** Defines the justify-content style property based on the direction */
    justifyContent?: GridJustification;
    /** Defines the flex-wrap style property based on the direction */
    wrap?: GridWrap;
}
export declare const Grid: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
export default Grid;
//# sourceMappingURL=Grid.d.ts.map