@blockscout/ui-toolkit
Version:
A comprehensive collection of reusable Chakra UI components and theme system for Blockscout's projects
27 lines (26 loc) • 911 B
TypeScript
import { HTMLChakraProps } from '@chakra-ui/react';
import { default as React } from 'react';
import { TabItemRegular } from './types';
import { TabsProps } from '../../chakra/tabs';
export interface SlotProps extends HTMLChakraProps<'div'> {
widthAllocation?: 'available' | 'fixed';
}
export interface BaseProps {
tabs: Array<TabItemRegular>;
listProps?: HTMLChakraProps<'div'> | (({ isSticky, activeTab }: {
isSticky: boolean;
activeTab: string;
}) => HTMLChakraProps<'div'>);
rightSlot?: React.ReactNode;
rightSlotProps?: SlotProps;
leftSlot?: React.ReactNode;
leftSlotProps?: SlotProps;
stickyEnabled?: boolean;
isLoading?: boolean;
}
interface Props extends BaseProps {
activeTab: string;
variant: TabsProps['variant'];
}
declare const _default: React.MemoExoticComponent<(props: Props) => React.JSX.Element | null>;
export default _default;