import { ResponsiveCSSProps } from '../../util/css-props';
/**
 * `Flex` is a generic layout component. It is a `<div>` with `display: flex`,
 * and accepts responsive style props. It is intended for broad use in building
 * layouts.
 *
 * By default, `Flex` renders a `<div>`. You can use the `as` prop to change
 * the underlying HTML element to improve semantics and accessibility.
 *
 * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout
 * @see https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 */
export declare const Flex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ResponsiveCSSProps, never>;