import { default as React } from 'react'; import { HNDesignsystemTabs } from '../../resources/Resources'; import { PaletteNames } from '../../theme/palette'; import { default as Tab } from './Tab'; export type { TabProps } from './Tab'; export type TabsColors = Extract; export type TabsOnColor = 'onblueberry' | 'onneutral' | 'onwhite'; export interface TabsProps { children?: React.ReactNode; /** Controlled state for Tabs component */ activeTab?: number; /** Adds custom classes to the element. */ className?: string; /** Sets the color of the tabs. Default: white */ color?: TabsColors; /** Sets wether the component should use the container-breakout class. Default: true */ containerBreakout?: boolean; /** Sets the background color of the tabs. Can only be used when the color is set to white. Default: onwhite */ onColor?: TabsOnColor; /** Whether the tab list should be sticky */ sticky?: boolean; /** Sets the data-testid attribute. */ testId?: string; /** Resources for component */ resources?: Partial; /** Overrides the default z-index of the tabs header */ zIndex?: number; } export declare const TabsRoot: React.FC; type TabsComponent = typeof TabsRoot & { Tab: typeof Tab; }; declare const Tabs: TabsComponent; export default Tabs;