import React from "react";
declare const Ribbon: React.SFC<{
    /** ClassName to the grid/inner element */
    className?: string;
    /** ClassName for the full wrapping element */
    wrapperClassName?: string;
    children?: React.ReactNode;
    /**
     * Whether or not the banner ribbon can expand. This MUST be combined with onExpandClick. If this is undefined
     * we will try to guess at if it can be expanded.
     */
    expandable?: boolean;
    /** Whether or not the banner ribbon is expanded. */
    isExpanded?: boolean;
    /** Handles click on banner. */
    onExpandClick?: React.MouseEventHandler<HTMLDivElement>;
    /** Node to be displayed as title. */
    title: React.ReactNode;
    /** Element that will float to the right until in mobile view. In mobile view, it will be underneath. */
    floatRightOfTitle?: React.ReactNode;
    /** Node to be displayed just above title. */
    supertitle?: React.ReactNode;
    /** Set the number of columns you want the title to take up. Note that this is a general hint and the actual width may differ depending on the floatRightOfTitle. Supported values: 6-11|all */
    titleWidthHint?: "6" | "7" | "8" | "9" | "10" | "11" | "all";
}>;
export default Ribbon;