import type { PolymorphicComponent } from "../types/helpers";
/**
 * Container components provide layout structure and organization.
 *
 * @example Basic usage
 *
 * ```tsx
 * <Container>Content goes here</Container>;
 * ```
 *
 * @alpha
 */
export declare const Container: PolymorphicComponent<"div", {}>;
/** @alpha */
export interface BaseFlexContainerProps {
    /** The flex layout variant */
    variant?: "space-between" | "center" | "align-center";
}
/**
 * A flexible container with built-in flexbox layout variants.
 *
 * @example Space between
 *
 * ```tsx
 * <FlexContainer variant="space-between">
 *   <FlexItem>Left</FlexItem>
 *   <FlexItem>Right</FlexItem>
 * </FlexContainer>;
 * ```
 *
 * @example Center
 *
 * ```tsx
 * <FlexContainer variant="center">
 *   <FlexItem>Centered Content</FlexItem>
 * </FlexContainer>;
 * ```
 *
 * @example Align center
 *
 * ```tsx
 * <FlexContainer variant="align-center">
 *   <FlexItem>Vertically Centered Content</FlexItem>
 * </FlexContainer>;
 * ```
 *
 * @alpha
 */
export declare const FlexContainer: PolymorphicComponent<"div", BaseFlexContainerProps>;
/**
 * A flex form component that aligns all form items in a single line.
 *
 * @example Basic usage
 *
 * ```tsx
 * <FlexForm
 *   onSubmit={(e) => {
 *     e.preventDefault();
 *     alert("Form submitted!");
 *   }}
 * >
 *   <Input type="text" placeholder="Name" />
 *   <Input type="email" placeholder="Email" />
 *   <Select>
 *     <option value="option1">Option 1</option>
 *     <option value="option2">Option 2</option>
 *   </Select>
 *   <Button type="submit">Submit</Button>
 * </FlexForm>;
 * ```
 *
 * @alpha
 */
export declare const FlexForm: PolymorphicComponent<"form", {}>;
//# sourceMappingURL=Container.d.ts.map