in react-ui maps to one of these variants
* so raw
tags live only here.
*/
import { type HTMLAttributes } from "react";
import { type VariantProps } from "class-variance-authority";
declare const divVariants: (props?: ({
layout?: "relative" | "grid" | "row" | "rowBetween" | "rowStart" | "col" | "colCenter" | "center" | null | undefined;
padding?: "none" | "sm" | "lg" | "xs" | "md" | null | undefined;
paddingX?: "none" | "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
paddingY?: "none" | "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
gap?: "none" | "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
height?: "full" | null | undefined;
background?: "primary" | "surface" | "primarySubtle" | null | undefined;
grow?: boolean | null | undefined;
shrink?: "0" | null | undefined;
border?: "b" | "bPrimary" | "bPrimarySubtle" | null | undefined;
pt?: "6" | null | undefined;
spaceY?: "1" | "2" | "4" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type DivProps = HTMLAttributes & VariantProps;
export declare const Div: import("react").ForwardRefExoticComponent & VariantProps<(props?: ({
layout?: "relative" | "grid" | "row" | "rowBetween" | "rowStart" | "col" | "colCenter" | "center" | null | undefined;
padding?: "none" | "sm" | "lg" | "xs" | "md" | null | undefined;
paddingX?: "none" | "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
paddingY?: "none" | "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
gap?: "none" | "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
height?: "full" | null | undefined;
background?: "primary" | "surface" | "primarySubtle" | null | undefined;
grow?: boolean | null | undefined;
shrink?: "0" | null | undefined;
border?: "b" | "bPrimary" | "bPrimarySubtle" | null | undefined;
pt?: "6" | null | undefined;
spaceY?: "1" | "2" | "4" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes>;
export {};
//# sourceMappingURL=div.d.ts.map