import * as React from 'react'; import { EventKey, DynamicRefForwardingComponent, TransitionCallbacks, TransitionComponent } from './types'; export interface TabPanelProps extends TransitionCallbacks, React.HTMLAttributes { /** * Element used to render the component. */ as?: React.ElementType; /** * A key that associates the `TabPanel` with it's controlling `NavLink`. */ eventKey?: EventKey; /** * Toggles the active state of the TabPanel, this is generally controlled by `Tabs`. */ active?: boolean; /** * Use animation when showing or hiding ``s. Use a react-transition-group * `` component. */ transition?: TransitionComponent; /** * Wait until the first "enter" transition to mount the tab (add it to the DOM) */ mountOnEnter?: boolean; /** * Unmount the tab (remove it from the DOM) when it is no longer visible */ unmountOnExit?: boolean; } export interface TabPanelMetadata extends TransitionCallbacks { eventKey?: EventKey; isActive?: boolean; transition?: TransitionComponent; mountOnEnter?: boolean; unmountOnExit?: boolean; } export declare function useTabPanel({ active, eventKey, mountOnEnter, transition, unmountOnExit, role, onEnter, onEntering, onEntered, onExit, onExiting, onExited, ...props }: TabPanelProps): [any, TabPanelMetadata]; declare const TabPanel: DynamicRefForwardingComponent<'div', TabPanelProps>; export default TabPanel;