/**
 * @name Tabs
 *
 * @description
 *  Used to show tabs and dynamic content to be displayed while a given tab is active
 *
 * @example
 * <Tabs
 *   mods="u-spaceRightSm"
 *   tabs={[
 *     {
 *       heading: "Tab 1",
 *       content: <h1>Hello from Tab 1!</h1>
 *     },
 *     {
 *       heading: "Tab 2",
 *       content: <h1>Hello from Tab 2!</h1>
 *     }
 *   ]}
 *  />
 *
 */
import * as React from "react";
interface Tab {
    heading: React.ReactNode;
    content: React.ReactNode;
}
export interface Props {
    mods?: string;
    tabs: Tab[];
}
declare const Tabs: React.FunctionComponent<Props>;
export default Tabs;