/**
 * Component that maps directly to CSS grid properties using styled-system.
 */
import { ReactNode } from 'react';
import { AlignItemsProps, GridAreaProps, GridColumnGapProps, GridColumnProps, GridRowGapProps, GridRowProps, HeightProps, JustifyContentProps, JustifyItemsProps, SpaceProps, TextAlignProps, WidthProps } from 'styled-system';
declare type BaseCellProps = GridRowGapProps & GridRowProps & GridColumnGapProps & GridColumnProps & GridAreaProps & WidthProps & HeightProps & SpaceProps & TextAlignProps & AlignItemsProps & JustifyItemsProps & JustifyContentProps;
export interface CellProps extends BaseCellProps {
    children?: ReactNode;
}
/**
 * A Cell is a child of the Grid Component. It allows items to be specifically displayed in one or multiple
 * cells of a grid. It maps directly to the CSS Grid spec.
 */
export declare const Cell: ({ children, ...props }: CellProps) => JSX.Element;
export default Cell;