/**
 * @file StackItem.tsx
 * @input Uses React, ElementType, stackItem utility
 * @output Exports StackItem polymorphic component and StackItemProps
 * @position Layout/Stack component; uses stackItem.stylex.ts
 *
 * SYNC: When modified, update these files to stay in sync:
 * - /packages/core/src/Stack/Stack.doc.mjs
 * - /packages/cli/assets/templates/blocks/components/Stack/ (showcase blocks)
 */
import { type ElementType, type ReactNode } from 'react';
import type { BaseProps } from '../BaseProps';
import { type StackItemCrossAlignSelf, type StackItemSize } from './stackItem.stylex';
export interface StackItemProps extends BaseProps<HTMLElement> {
    /** Ref forwarded to the root element */
    ref?: React.Ref<HTMLElement>;
    /**
     * Overrides the default cross-alignment for this item.
     * (hAlign for VStack, vAlign for HStack)
     */
    crossAlignSelf?: StackItemCrossAlignSelf;
    /**
     * Size behavior of the item within the stack.
     * - `static`: Uses intrinsic size, won't grow or shrink (default)
     * - `fill`: Grows to fill remaining space
     *
     * @default "static"
     */
    size?: StackItemSize;
    /**
     * Enables scrollable overflow (`overflow: auto`) for the item.
     *
     * StackItem already applies the flex `min-height: 0` / `min-width: 0`
     * reset, so `<StackItem size="fill" isScrollable>` is a complete scroll
     * region — it grows to fill the stack and scrolls its own overflow with
     * no extra style plumbing. Matches `isScrollable` on `LayoutContent`
     * and `LayoutPanel`.
     * @default false
     */
    isScrollable?: boolean;
    /**
     * The element type to render.
     * @default 'div'
     */
    as?: ElementType;
    /**
     * Content to render inside the stack item.
     */
    children?: ReactNode;
}
/**
 * Stack item component for controlling individual item behavior within a stack.
 *
 * Supports polymorphic rendering via the `as` prop.
 *
 * @example
 * ```
 * <HStack gap={2}>
 *   <StackItem size="static">Logo</StackItem>
 *   <StackItem size="fill">Content</StackItem>
 *   <StackItem size="static">Actions</StackItem>
 * </HStack>
 * ```
 */
export declare function StackItem({ crossAlignSelf, size, isScrollable, as: element, xstyle, className, style, children, ref, ...props }: StackItemProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
export declare namespace StackItem {
    var displayName: string;
}
//# sourceMappingURL=StackItem.d.ts.map