import { ThemeUIStyleObject } from 'theme-ui';
import React from 'react';
interface ColSpan {
    columns?: number | (number | null)[];
    start?: number | (number | null)[];
}
export interface GridChildProps {
    align?: 'end' | 'center' | 'start' | 'stretch';
    alignSelf?: string;
    children: React.ReactNode;
    className?: string;
    columnSpan?: number | string | ColSpan;
    padding?: string | number;
    rowSpan?: number | string;
    rowStart?: string;
    sx?: ThemeUIStyleObject;
}
declare const GridChild: {
    ({ align, alignSelf, className, children, columnSpan, padding, rowStart, rowSpan, sx, ...props }: GridChildProps): JSX.Element;
    defaultProps: {
        align: string;
        className: string;
    };
};
export default GridChild;