/*! Strand UI | MIT License | dillingerstaffing.com */
import type { JSX } from "preact";
import { type SpacingStep } from "../../spacing.js";
export interface StackProps extends JSX.HTMLAttributes<HTMLDivElement> {
    direction?: "vertical" | "horizontal";
    /** Gap, a rung on the spacing ladder (cf: spacing-ladder). */
    gap?: SpacingStep | number;
    /** Cross-axis alignment. */
    align?: "start" | "center" | "end" | "stretch";
    /** Main-axis alignment. */
    justify?: "start" | "center" | "end" | "between" | "around";
    wrap?: boolean;
    /** Element to render, e.g. "ul". */
    as?: keyof JSX.IntrinsicElements;
}
/**
 * Flex layout with a spacing-ladder gap.
 *
 * @example
 * <Stack direction="horizontal" gap={4} align="center"><Button>Save</Button><Button variant="secondary">Cancel</Button></Stack>
 */
export declare const Stack: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<StackProps> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
//# sourceMappingURL=Stack.d.ts.map