import { default as React } from 'react'; import { Box } from '../Box/Box'; import { TabsOrientation, TabsSize, TabsDividerColor } from '@viasat/beam-shared/components/tabs'; export interface TabsProps extends Omit, 'onChange'> { /** * Specify the orientation of Tabs * @default 'horizontal' */ orientation?: TabsOrientation; /** * Specify if Tabs.Items display as fluid * @default false */ fluid?: boolean; /** * Specify if all Tab.Items are disabled * @default false */ disabled?: boolean; /** * Specify if a Divider displays under Tabs.Group * @default true */ divider?: boolean; /** * Specify the size of a Tabs * @default 'md' */ size?: TabsSize; /** * Specify the value of the selected item */ initialSelection?: string; /** * Specify a call back function to utilize the value of the selected item */ onChange?: (value: string) => void; /** * Specify the inline padding value on the inner content of the Tabs for horizontal orientation only */ contentGutter?: string; /** * Specify the border color of the divider component * @default '03' */ dividerColor?: TabsDividerColor; } export declare const Tabs: { ({ orientation, fluid, divider, size, initialSelection, disabled, contentGutter, dividerColor, onChange, children, className: _className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element; Group: ({ children, className: _className, ...props }: import('./Tabs.Group').TabsGroupProps) => import("react/jsx-runtime").JSX.Element; Panel: ({ value, children, className: _className, ...props }: import('./Tabs.Panel').TabsPanelProps) => import("react/jsx-runtime").JSX.Element; Item: ({ value, "disabled": _disabled, "className": _className, children, icon, "aria-label": ariaLabel, ...props }: import('./Tabs.Item').TabsItemProps) => import("react/jsx-runtime").JSX.Element; };