import { type ComponentChildren } from 'preact';
interface StackLayoutProps {
    align?: 'left' | 'center' | 'right' | 'auto';
    children: ComponentChildren;
    gap?: 'none' | 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge';
    horizontal?: boolean;
}
/**
 * Layout helper to easily boostrap form and page layouts.
 *
 * It can be used to render children as a column or row. When rendered as a row, responsiveness is handle automatically. On small devices, children rendered as a row will be rendered as a column.
 *  *
 * @example
 * ```jsx
 * <StackLayout align="center" gap="large">
 *   <div />
 *   <div />
 * </StackLayout>
 *
 * <StackLayout align="center" gap="large" horizontal>
 *   <div />
 *   <div />
 * </StackLayout>
 * ```
 *
 * @param align Specify how content should be rendered. Default: 'auto'.
 * @param gap Specify spacing between children. Default: 'medium'.
 * @param horizontal Specify if children are rendered as a row. Responsiveness is handled automatically.
 */
declare const StackLayout: ({ align, children, gap, horizontal, }: StackLayoutProps) => import("preact/jsx-runtime").JSX.Element;
export { StackLayout, type StackLayoutProps };
