import { ResolvedProps } from "@ryuzaki13/react-foundation-lib/media";
import type { FlexContainerLayoutProps, FlexItemLayoutProps } from "./types";
export type ResolvedFlexContainerProps = ResolvedProps<FlexContainerLayoutProps>;
export type ResolvedFlexItemProps = ResolvedProps<FlexItemLayoutProps>;
export declare const useFlexContainerClasses: (props: ResolvedFlexContainerProps) => string;
export declare const useFlexItemClasses: (props: ResolvedFlexItemProps) => string;
export declare const useFlexPredefinedClasses: (variant: string) => "container" | "inline" | "row" | "center" | "column" | "nowrap" | "wrap" | "rowReverse" | "columnReverse" | "wrapReverse" | "grow" | "shrink" | "flex0" | "flex1" | "centerBetween" | "columnCenter" | "alignStart" | "alignCenter" | "alignEnd" | "alignStretch" | "alignBaseline" | "justifyStart" | "justifyCenter" | "justifyEnd" | "justifyStretch" | "justifyBetween" | "justifyAround" | "justifyEvenly" | "alignContentStart" | "alignContentCenter" | "alignContentEnd" | "alignContentStretch" | "alignContentBetween" | "alignContentAround" | "alignContentEvenly" | "gapNone" | "gapRowXs" | "gapRowSm" | "gapRowMd" | "gapRowLg" | "gapRowXl" | "gapColumnXs" | "gapColumnSm" | "gapColumnMd" | "gapColumnLg" | "gapColumnXl" | "gapXs" | "gapSm" | "gapMd" | "gapLg" | "gapXl" | "item" | "grow0" | "shrink0" | "basis0" | "basisAuto" | "alignSelfStart" | "alignSelfCenter" | "alignSelfEnd" | "alignSelfStretch" | "alignSelfBaseline" | "justifySelfCenter" | "justifySelfEnd" | "justifySelfStretch";
//# sourceMappingURL=useFlexClasses.d.ts.map