import { JSX } from 'react';
import { PolymorphicComponentPropWithRef, Sizes } from '../react-types';
type GapOld = "none" | "xs" | "sm" | "md" | "lg" | "xl";
type SharedProps = {
    "data-align"?: "normal" | "stretch" | "start" | "center" | "end";
    "data-align-content"?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
    "data-center"?: "sm" | "md" | "lg" | "xl" | "2xl";
    "data-gap"?: Sizes | GapOld;
    "data-row-gap"?: Sizes;
    "data-column-gap"?: Sizes;
    "data-nowrap"?: boolean;
    "data-justify"?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
    "data-fixed"?: boolean;
    "data-items"?: "auto" | "full" | "25" | "50" | "75" | "100" | "125" | "150" | "175" | "200" | "225" | "250" | "275" | "300" | "325" | "350" | "375" | "400" | "425" | "450" | "475" | "500" | "525" | "550" | "575" | "600" | 25 | 50 | 75 | 100 | 125 | 150 | 175 | 200 | 225 | 250 | 275 | 300 | 325 | 350 | 375 | 400 | 425 | 450 | 475 | 500 | 525 | 550 | 575 | 600;
};
/**
 * Flex
 */
export type FlexProps<As extends React.ElementType = "div"> = PolymorphicComponentPropWithRef<As, SharedProps>;
type FlexComponent = <As extends React.ElementType = "div">(props: FlexProps<As>) => JSX.Element;
export declare const Flex: FlexComponent;
/**
 * Grid
 */
export type GridProps<As extends React.ElementType = "div"> = PolymorphicComponentPropWithRef<As, SharedProps>;
type GridComponent = <As extends React.ElementType = "div">(props: GridProps<As>) => JSX.Element;
export declare const Grid: GridComponent;
export {};