welcome-ui
Version:
Customizable design system with react, typescript, tailwindcss and ariakit.
33 lines (32 loc) • 858 B
TypeScript
import { TabStore, TabStoreProps } from '@ariakit/react';
import { UseTab, UseTabState } from '.';
export interface ActiveBarProps {
activeTab: HTMLElement;
listRef: React.MutableRefObject<undefined>;
orientation: Omit<UseTabState['orientation'], 'both'>;
}
export interface ActiveBarReturn {
offset?: number;
orientation?: Omit<UseTabState['orientation'], 'both'>;
size?: number;
}
export type Size = 'md' | 'sm';
export type TabListProps = {
children: React.ReactNode;
className?: string;
size?: Size;
store: UseTab;
};
export interface TabOptions {
children: React.ReactNode;
className?: string;
id?: string;
size?: Size;
store: TabStore;
}
export type TabPanelProps = {
children: React.ReactNode;
store: UseTab;
tabId?: string;
};
export type TabProps = TabOptions & TabStoreProps;