import { ComponentPropsWithoutRef } from 'react';
/**
 * Props for the TabPanel component
 * @extends Omit<ComponentPropsWithoutRef<"div">, "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag">
 */
export type TabPanelProps = Omit<ComponentPropsWithoutRef<"div">, "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag"> & {
    /**
     * Unique identifier for the tab panel.
     */
    id: string;
};
/**
 * TabPanel component for displaying tab content.
 *
 * Features:
 * - Automatic visibility based on active tab
 * - Smooth fade animations
 * - Proper ARIA attributes for accessibility
 * - Automatic association with tab buttons
 * - Focus management
 * - Layout animations
 *
 * @example
 * <Tab.Panel id="panel1">
 *   <h2>First Tab Content</h2>
 *   <p>This is the content for the first tab.</p>
 * </Tab.Panel>
 */
export declare const TabPanel: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart"> & {
    /**
     * Unique identifier for the tab panel.
     */
    id: string;
} & import('react').RefAttributes<HTMLDivElement>>;