import { type FunctionComponent, type ReactNode } from 'react';
import type { Sprinkles } from '../../styles/sprinkles.css';
import { type UseBoxProps } from '../Box/useBox/useBox';
export interface InlineProps extends Pick<UseBoxProps, 'as' | 'width'> {
    /**
     * Sets the horizontal alignment
     */
    alignX?: Sprinkles['justifyContent'];
    /**
     * Sets the vertical alignment
     * @default 'center'
     */
    alignY?: Sprinkles['alignItems'];
    /**
     * Control wrapping - `true` prevents items from wrapping to the next line when they overflow the container width
     * @default false (items wrap)
     */
    children: ReactNode;
    className?: string;
    /**
     * A divider element to render between each child. Accepts `true`/`false` for default separator or custom JSX
     */
    dividers?: boolean | ReactNode;
    noWrap?: boolean;
    /**
     * Defines the gap between list items. Accepts responsive values
     * @default '2'
     */
    space?: Sprinkles['gap'];
}
/**
 * Inline arranges child elements horizontally, side by side.
 * It allows you to control the spacing between items, alignment (horizontal and vertical),
 * wrapping behavior, and optionally add dividers. Useful for creating a row layout.
 *
 * @example
 * <Inline space="4" alignY="flex-start">
 *   <Button>Action 1</Button>
 *   <Button>Action 2</Button>
 * </Inline>
 *
 * @example
 * <Inline space="3" dividers>
 *   <Text>Option A</Text>
 *   <Text>Option B</Text>
 *   <Text>Option C</Text>
 * </Inline>
 *
 * @example
 * <Inline space="2" dividers="|" alignX="center">
 *   <Text>Link 1</Text>
 *   <Text>Link 2</Text>
 * </Inline>
 */
export declare const Inline: FunctionComponent<InlineProps>;
//# sourceMappingURL=Inline.d.ts.map