import * as React from 'react';
import type { CommonProps } from '../../../box/common_props/common_props';
import type { Space } from '../../../metrics/metrics';
import type { ResponsiveValue } from '../../../responsive/responsive';
export declare const alignXs: readonly ["start", "center", "end", "spaceBetween"];
export type InlineAlignX = (typeof alignXs)[number];
export declare const alignYs: readonly ["start", "center", "end", "stretch"];
export type InlineAlignY = (typeof alignYs)[number];
export declare const breakpoints: readonly ["small", "medium", "large", "xLarge"];
type Breakpoint = (typeof breakpoints)[number];
export type InlineProps = {
    ref?: React.Ref<HTMLElement>
    spacing?: ResponsiveValue<Space>
    spacingX?: ResponsiveValue<Space>
    spacingY?: ResponsiveValue<Space>
    align?: ResponsiveValue<InlineAlignX>
    alignY?: ResponsiveValue<InlineAlignY>
    collapseBelow?: Breakpoint
    collapsed?: boolean
} & CommonProps;
export declare function Inline(
 { children, spacing, spacingX, spacingY, align, alignY, collapseBelow, collapsed, tagName: TagName, ref, ...rest }: React.PropsWithChildren<InlineProps>
): React.ReactNode;
export {};