/// <reference types="react" />
import { BackgroundProps, BorderProps, ColorProps, FlexboxProps, GridProps as StyledGridProps, LayoutProps, PositionProps, ShadowProps, SpaceProps, TypographyProps } from 'styled-system';
import { cursorType } from '../../interfaces/global';
import OverrideColor from '../../interfaces/OverrideColor';
import { PolymorphicRef } from '../Box/Box.types';
export interface GridProps<C extends React.ElementType = React.ElementType> extends StyledGridProps, Omit<ColorProps, 'color' | 'bg' | 'backgroundColor'>, Omit<LayoutProps, 'display'>, BackgroundProps, Omit<BorderProps, 'borderColor' | 'borderTopColor' | 'borderRightColor' | 'borderBottomColor' | 'borderLeftColor'>, ShadowProps, SpaceProps, PositionProps, TypographyProps, OverrideColor, Omit<FlexboxProps, 'alignItems' | 'alignContent' | 'justifyItems' | 'justifyContent' | 'flexWrap' | 'flexDirection' | 'justifySelf' | 'alignSelf' | 'order'> {
    cursor?: cursorType;
    rowGap?: string;
    columnGap?: string;
    gap?: string;
    as?: C | React.ElementType;
}
export type PolymorphGridProps<C extends React.ElementType> = GridProps<C> & Omit<React.ComponentProps<C>, keyof GridProps<C>>;
type PolymorphicComponentPropWithRef<C extends React.ElementType> = PolymorphGridProps<C> & {
    ref?: PolymorphicRef<C>;
};
export type GridComponent = <C extends React.ElementType = 'span'>(props: PolymorphicComponentPropWithRef<C>) => React.ReactElement | null;
export {};