import type { ComponentProps, PropsWithChildren } from "react"; import type { TabItemProps } from "./TabItem"; import { KeepBoolean, KeepColors } from "../../Keep/KeepTheme"; export interface keepTabTheme { base: string; tablist: { base: string; styles: TabStyles; borderPosition: { top: string; bottom: string; }; tabitem: { base: string; styles: TabStyleItem; icon: { left: string; right: string; }; notification: { base: string; type: { number: string; text: string; }; notificationColor: TabNotificationColors; }; }; }; tabpanel: string; } export interface TabStyles { default: string; underline: string; pills: string; fullWidth: string; } export interface BorderPosition { top: string; bottom: string; } export interface TabStyleItemProps { base: string; active: KeepBoolean; borderPosition: BorderPosition; } export type TabStyleItem = { [K in keyof Type]: TabStyleItemProps; }; export type TabItemStatus = "active" | "notActive"; export interface TabNotificationColors extends Pick { [key: string]: string; } export interface TabsProps extends PropsWithChildren, "style" | "ref">> { style?: keyof TabStyles; iconPosition?: "left" | "right"; borderPosition?: "top" | "bottom"; onActiveTabChange?: (activeTab: number) => void; } export interface TabsRef { setActiveTab: (activeTab: number) => void; } export declare const TabsComponent: import("react").ForwardRefExoticComponent>; export declare const Tabs: import("react").ForwardRefExoticComponent> & { Item: import("react").FC; };