@transkripid/flowbite-react
Version:
Official React components built for Flowbite and Tailwind CSS - Transkrip.id fork
47 lines (46 loc) • 1.34 kB
TypeScript
import type { ComponentProps } from 'react';
import type { DeepPartial } from '../../types';
import type { FlowbiteBoolean } from '../Flowbite';
import type { TabItemProps } from './TabItem';
export interface FlowbiteTabsTheme {
base: string;
tablist: {
base: string;
styles: TabStyles;
tabitem: {
base: string;
styles: TabStyleItem<TabStyles>;
icon: string;
};
};
tabitemcontainer: {
base: string;
styles: TabStyles;
};
tabpanel: string;
}
export interface TabStyles {
default: string;
fullWidth: string;
pills: string;
underline: string;
}
export interface TabStyleItemProps {
base: string;
active: FlowbiteBoolean;
}
export type TabStyleItem<Type> = {
[K in keyof Type]: TabStyleItemProps;
};
export type TabItemStatus = 'active' | 'notActive';
export interface TabsProps extends Omit<ComponentProps<'div'>, 'ref' | 'style'> {
onActiveTabChange?: (activeTab: number) => void;
style?: keyof TabStyles;
theme?: DeepPartial<FlowbiteTabsTheme>;
}
export interface TabsRef {
setActiveTab: (activeTab: number) => void;
}
export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<TabsRef>> & {
Item: import("react").FC<TabItemProps>;
};