import { SuggestStrings } from "../types";
import { NumericScaleValue } from "./scale";
import { Spacing } from "./spacing";
export interface GridStyleProps {
    $display?: "grid" | "inline-grid" | "none";
    $columns?: SuggestStrings<NumericScaleValue>;
    $rows?: string;
    $areas?: string;
    $flow?: "row" | "column" | "dense" | "row-dense" | "column-dense";
    $align?: "start" | "end" | "center" | "stretch" | "baseline";
    $justify?: "start" | "end" | "center" | "space-between" | "space-around" | "space-evenly";
    $gap?: SuggestStrings<Spacing>;
    $gapX?: SuggestStrings<Spacing>;
    $gapY?: SuggestStrings<Spacing>;
}
export declare function grid(props: GridStyleProps): {
    display: "none" | "grid" | "inline-grid";
    gridTemplateColumns: string | undefined;
    gridTemplateRows: string | undefined;
    gridTemplateAreas: string | undefined;
    gridAutoFlow: "column" | "row" | "dense" | "row-dense" | "column-dense" | undefined;
    alignItems: "start" | "end" | "center" | "stretch" | "baseline" | undefined;
    justifyContent: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | undefined;
    gap: string | undefined;
    columnGap: string | undefined;
    rowGap: string | undefined;
};