import { ReactNode } from 'react';
export type TAlignItem = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline'
/**
 * @deprecated Use `flex-start` instead.
 */
 | 'flexStart'
/**
 * @deprecated Use `flex-end` instead.
 */
 | 'flexEnd';
export type TJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
export type TScale = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
export type TInlineProps = {
    /** sets the amount of spacing between individual items */
    scale?: TScale;
    /**
     * sets the `align-self` value on all direct children.
     * https://developer.mozilla.org/en-US/docs/Web/CSS/align-items */
    alignItems?: TAlignItem;
    /**
     * defines how the browser distributes space between and around content items along the main-axis.
     * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content */
    justifyContent?: TJustifyContent;
    children: ReactNode;
};
declare const Inline: {
    ({ scale, alignItems, justifyContent, ...props }: TInlineProps): import("@emotion/react/jsx-runtime").JSX.Element;
    displayName: string;
};
export default Inline;