import type { HTMLAttributes, ReactNode } from 'react';
export type TabItemProps = {
    icon?: ReactNode | string;
    isActive?: boolean;
} & HTMLAttributes<HTMLDivElement>;
/**
 * TabItem component for rendering a tab item with optional icon and active state.
 *
 * @component
 * @example
 * // Example usage of TabItem component
 * <TabItem
 *   icon={<SomeIcon />}
 *   isActive={true}
 *   className="custom-class"
 * >
 *   Tab Content
 * </TabItem>
 *
 * @param {Object} props - The properties of the TabItem component.
 * @param {ReactNode|string} [props.icon] - Optional icon to display alongside the tab content.
 * @param {boolean} [props.isActive] - Whether the tab item is currently active.
 * @param {ReactNode} props.children - The content to be displayed inside the tab item.
 * @param {Object} [props.restProps] - Additional HTML attributes for the container div.
 *
 * @returns {ReactNode} The rendered TabItem component.
 */
export declare function TabItem({ children, icon, isActive, ...restProps }: TabItemProps): ReactNode;
//# sourceMappingURL=TabItem.d.ts.map