import React from 'react';
import type { LegacyStylableProps } from '~/types/component';
import type { StackProps } from './types';
/**
 * A stack is a layout component that arranges its children in a row or column. It surfaces common
 * flexbox properties as props and enforces the use of space tokens for flex gap.
 */
export declare function Stack({ as, display, flexDirection, justifyContent, alignItems, flexWrap, gap, height, width, className, style, id, 'data-tag': dataTag, children, ...props }: StackProps): React.JSX.Element;
/** @deprecated use `Stack` with `className` and css modules instead. */
export declare const StackWithCss: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<StackProps, LegacyStylableProps>> & string & Omit<typeof Stack, keyof React.Component<any, {}, any>>;