import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
import { HTMLAttributes } from 'react';
import { Props } from '../@types/Props.js';
import { Space } from '../@types/Space.js';
import { Breakpoint } from '../../foundations/__generated__/breakpoints.js';

interface InlineProps extends HTMLAttributes<HTMLDivElement>, Props {
    /**
     * [Units of space](https://guardian.github.io/storybooks/?path=/docs/source_foundations-space--docs)
     * between children.
     */
    space?: Space;
    /**
     * Collapse to a single column below the specified [breakpoint](https://guardian.github.io/storybooks/?path=/docs/source-foundations_media-queries--docs)
     */
    collapseUntil?: Breakpoint;
}
/**
 * [Storybook](https://guardian.github.io/storybooks/?path=/story/source_react-components-inline--docs) •
 * [GitHub](https://github.com/guardian/csnx/tree/main/libs/@guardian/source/src/react-components/inline/Inline.tsx) •
 * [NPM](https://www.npmjs.com/package/@guardian/source)
 *
 * `Inline` child elements are laid out horizontally, wrapping on to another row
 * if there isn't enough room. Spacing is applied between adjacent children.
 */
declare const Inline: ({ cssOverrides, children, space, collapseUntil, ...props }: InlineProps) => _emotion_react_jsx_runtime.JSX.Element;

export { Inline };
export type { InlineProps };