import React from "react";
import { ResponsiveGridValue } from "./types";
declare const GRID_ALIGN_SELF: readonly ["start", "end", "center", "stretch", "baseline"];
type GridAlignSelf = (typeof GRID_ALIGN_SELF)[number];
declare const GRID_JUSTIFY_SELF: readonly ["start", "end", "center", "stretch"];
type GridJustifySelf = (typeof GRID_JUSTIFY_SELF)[number];
type GridSpan = number | "auto";
type GridLine = number | "auto" | `span ${number}`;
type GridItemProps = {
    children?: React.ReactNode;
    area?: string;
    colSpan?: ResponsiveGridValue<GridSpan>;
    rowSpan?: GridSpan;
    colStart?: GridLine;
    colEnd?: GridLine;
    rowStart?: GridLine;
    rowEnd?: GridLine;
    alignSelf?: GridAlignSelf;
    justifySelf?: GridJustifySelf;
    className?: string;
};
export declare const VuiGridItem: ({ children, area, colSpan, rowSpan, colStart, colEnd, rowStart, rowEnd, alignSelf, justifySelf, className, ...rest }: GridItemProps) => import("react/jsx-runtime").JSX.Element;
export {};