import { StandardLonghandProperties } from '@stitches/react/types/css';
import React from 'react';
import { CSS } from "../config/stitches.config";
import { StyledGridContainerVariants } from "./grid-styled";
interface Props extends StyledGridContainerVariants {
    css?: CSS;
    smCol?: number;
    mdCol?: number;
    lgCol?: number;
    xlCol?: number;
    smRow?: number;
    mdRow?: number;
    lgRow?: number;
    xlRow?: number;
    gap?: number | string;
    rowGap?: number | string;
    columnGap?: number | string;
    cols?: number;
    rows?: number;
    rowAutoFlow?: boolean;
    rowFlowDense?: boolean;
    colAutoFlow?: boolean;
    colFlowDense?: boolean;
    justifyContent?: StandardLonghandProperties['justifyContent'];
    justifyItems?: StandardLonghandProperties['justifyItems'];
    justifySelf?: StandardLonghandProperties['justifySelf'];
    alignItems?: StandardLonghandProperties['alignItems'];
    alignContent?: StandardLonghandProperties['alignContent'];
    alignSelf?: StandardLonghandProperties['alignSelf'];
    placeContent?: StandardLonghandProperties['placeContent'];
    as?: keyof JSX.IntrinsicElements;
}
declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
export declare type GridProps = Props & NativeAttrs;
declare const GridContainer: React.ForwardRefExoticComponent<Props & NativeAttrs & React.RefAttributes<HTMLElement>>;
export default GridContainer;