import { default as React } from 'react';

import * as TabsPrimitive from '@radix-ui/react-tabs';
export declare const rootClassName = "teddy-tabs";
/**
 * The props for the Tabs Root component.
 */
export type RootProps = Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, 'value' | 'defaultValue' | 'onValueChange' | 'activationMode'> & {
    /** The controlled value of the tab to activate. Should be used in conjunction with onValueChange. */
    value?: TabsPrimitive.TabsProps['value'];
    /** Event handler called when the value changes. */
    onValueChange?: TabsPrimitive.TabsProps['onValueChange'];
    /** The value of the tab that should be active when initially rendered. Use when you do not need to control the state of the tabs. */
    defaultValue?: TabsPrimitive.TabsProps['defaultValue'];
    /** Controls when tabs are activated. 'automatic' activates on focus, 'manual' activates on click. */
    activationMode?: TabsPrimitive.TabsProps['activationMode'];
    /** Makes the tabs span the full width of the container */
    fullWidth?: boolean;
    /** Snaps the tab to center on click
     * @default true
     */
    snapCenter?: boolean;
};
type RootContextType = {
    /** The currently active tab element */
    activeElement: HTMLButtonElement | null;
    /** Function to set the active tab element */
    setActiveElement: React.Dispatch<React.SetStateAction<HTMLButtonElement | null>>;
    /** Reference to the tabs list element */
    listElement: React.RefObject<HTMLDivElement>;
    /** Whether to snap the tab to center on click */
    snapCenter: boolean;
    /** The current tab value */
    value: string | undefined;
};
export declare const RootContext: React.Context<RootContextType | undefined>;
export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref">, "defaultValue" | "value" | "onValueChange" | "activationMode"> & {
    /** The controlled value of the tab to activate. Should be used in conjunction with onValueChange. */
    value?: TabsPrimitive.TabsProps["value"];
    /** Event handler called when the value changes. */
    onValueChange?: TabsPrimitive.TabsProps["onValueChange"];
    /** The value of the tab that should be active when initially rendered. Use when you do not need to control the state of the tabs. */
    defaultValue?: TabsPrimitive.TabsProps["defaultValue"];
    /** Controls when tabs are activated. 'automatic' activates on focus, 'manual' activates on click. */
    activationMode?: TabsPrimitive.TabsProps["activationMode"];
    /** Makes the tabs span the full width of the container */
    fullWidth?: boolean;
    /** Snaps the tab to center on click
     * @default true
     */
    snapCenter?: boolean;
} & React.RefAttributes<HTMLDivElement>>;
export {};