/** @jsx jsx */
import { FC, ComponentClass } from 'react';
import { TabProps, TabsProps as OriginalTabsProps, TabListProps, TabPanelProps, resetIdCounter } from 'react-tabs';
export declare const resetTabCounter: typeof resetIdCounter;
/**
 * Tab heading - you should specify the title/label string as the children property. To be created inside the `<TabList />` component through the children prop.
 */
export declare const Tab: ComponentClass<TabProps>;
/**
 * Container for `<Tab />` headings, to be created inside the `<Tabs />` component. The list of `<Tab />` components should be passed as the children prop. */
export declare const TabList: ComponentClass<TabListProps>;
/**
 * Panel body container, to be created inside the `<Tabs />` component through the children prop.
 */
export declare const TabPanel: ComponentClass<TabPanelProps>;
export interface TabsOwnProps {
    fontSize?: number | string;
}
declare type TabsProps = TabsOwnProps & Omit<OriginalTabsProps, 'ref'>;
/**
 * Tabs component with [react-tabs](https://reactcommunity.org/react-tabs/) and theme-ui styling.
 *
 */
export declare const Tabs: FC<TabsProps>;
export {};