import { default as React } from 'react';
import { ResponsiveValue } from './useBreakpoint';
import { SpacingToken } from './responsive';
type SpacingInput = SpacingToken | string | number;
export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Element type to render */
    as?: React.ElementType;
    /** Stack direction */
    direction?: ResponsiveValue<"row" | "column" | "row-reverse" | "column-reverse">;
    /** Space between children (spacing token, px, or CSS string) */
    spacing?: ResponsiveValue<SpacingInput>;
    /** Align items (cross-axis) */
    align?: "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
    /** Justify content (main-axis) */
    justify?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
    /** Flex wrap */
    wrap?: "nowrap" | "wrap" | "wrap-reverse";
    /** Full width */
    fullWidth?: boolean;
    /** Full height */
    fullHeight?: boolean;
    /** Divider between items — renders a themed line */
    divider?: boolean;
    /** Children */
    children?: React.ReactNode;
}
export declare const Stack: React.MemoExoticComponent<React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>>;
/**
 * Horizontal Stack — `<Stack direction="row">` shorthand.
 *
 * @example
 * ```tsx
 * <HStack spacing="sm" align="center">
 *   <Icon name="satellite" />
 *   <Body1>SAT-1</Body1>
 *   <Badge status="normal">Nominal</Badge>
 * </HStack>
 * ```
 */
export declare const HStack: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<StackProps, "direction"> & React.RefAttributes<HTMLDivElement>>>;
/**
 * Vertical Stack — `<Stack direction="column">` shorthand.
 *
 * @example
 * ```tsx
 * <VStack spacing="md">
 *   <TelemetryCard />
 *   <LinkBudgetCard />
 * </VStack>
 * ```
 */
export declare const VStack: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<StackProps, "direction"> & React.RefAttributes<HTMLDivElement>>>;
export default Stack;