/**
 * @file index.tsx
 *
 * @fileoverview Renders information grouped on tabs.
 */
import { Tab as ReachTab, TabList as ReachTabList, TabPanel as ReachTabPanel, TabPanels as ReachTabPanels } from '@reach/tabs';
import React from 'react';
export declare const TabsCSS: import("styled-components").FlattenInterpolation<any>;
export declare const GlobalTabsStyle: import("styled-components").GlobalStyleComponent<any, import("styled-components").DefaultTheme>;
export interface TabsProps {
    /**
     * The content to display inside tabs.
     */
    children: React.ReactNode;
    /**
     * If the tabs list background should have a hard color (primary, secondary).
     *
     * @default "true"
     */
    hardBackground?: boolean;
    /**
     * The color for the hard background on the tab list.
     *
     * @default "primary"
     */
    hardBackgroundColor?: 'primary' | 'secondary';
    /**
     * If the tabs should occypy the whole container.
     *
     * @default "true";
     */
    tabsListItemFull?: boolean;
}
export declare const Tabs: ({ tabsListItemFull, hardBackground, hardBackgroundColor, children, }: TabsProps) => JSX.Element;
export { ReachTab as Tab, ReachTabList as TabList, ReachTabPanels as TabPanels, ReachTabPanel as TabPanel, };
export default Tabs;