import { CSSProperties, ElementType, ReactNode } from 'react';
export interface StackProps {
    children?: ReactNode;
    /** Flex direction. Default: "column" */
    direction?: "row" | "column" | "row-reverse" | "column-reverse";
    /** Gap between items (1→8px … 8→64px) or raw CSS string */
    spacing?: number | string;
    /** Element inserted between each child */
    divider?: ReactNode;
    /** CSS align-items */
    alignItems?: CSSProperties["alignItems"];
    /** CSS justify-content */
    justifyContent?: CSSProperties["justifyContent"];
    /** CSS align-content */
    alignContent?: CSSProperties["alignContent"];
    /** Controls flex-wrap. "wrap" enables wrapping. Default: "nowrap" */
    wrap?: CSSProperties["flexWrap"];
    /** Override the root element (default: "div") */
    component?: ElementType;
    style?: CSSProperties;
    className?: string;
    id?: string;
    [key: string]: any;
}
declare const Stack: import('react').ForwardRefExoticComponent<Omit<StackProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
export default Stack;
