/**
 * @file index.tsx
 *
 * @fileoverview Shows a flat banner to use on landing pages.
 */
import React from 'react';
import { ColorProps, SpaceProps } from 'styled-system';
export declare const StyledFlatBanner: import("styled-components").StyledComponent<"div", any, any, never>;
declare type BaseFlatBannerProps = ColorProps & SpaceProps;
export interface FlatBannerProps extends BaseFlatBannerProps {
    /**
     * The content to show inside the banner.
     */
    children: React.ReactNode;
    /**
     * The banner style (background color)
     */
    flatbannerStyle?: 'primary' | 'secondary' | 'default';
    /**
     * The current theme.
     */
    theme?: any;
}
/**
 * This component provides a text with backgroud color.
 */
export declare const FlatBanner: ({ children, flatbannerStyle, ...props }: FlatBannerProps) => JSX.Element;
export default FlatBanner;