import React from 'react';
import { FlintStack as FlintStackElement } from '@getufy/flint-ui/stack/flint-stack';
export interface FlintStackProps extends React.HTMLAttributes<FlintStackElement> {
    /**
     * Flex direction of the stack layout.
     * Type: `ResponsiveValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>`
     */
    direction?: FlintStackElement['direction'];
    /**
     * Space between child items. Numeric values use an 8px multiplier (e.g. `2` = 16px).
     * Type: `ResponsiveValue<number | string>`
     */
    spacing?: FlintStackElement['spacing'];
    /**
     * Alias for `spacing`. Space between child items.
     * Type: `ResponsiveValue<number | string> | undefined`
     */
    gap?: FlintStackElement['gap'];
    /** Cross-axis alignment of stack children. */
    alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline' | undefined;
    /** Main-axis alignment of stack children. */
    justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly' | undefined;
    /** Whether to use CSS flex gap for spacing. */
    useFlexGap?: boolean;
}
export declare const FlintStack: React.ForwardRefExoticComponent<FlintStackProps & React.RefAttributes<FlintStackElement>>;