@cmk/fe_utils/dist/components/navigation/CTab.d.ts

frontend utility library

import { TabProps, TooltipProps, TypographyProps } from '@mui/material';
import { CSSProperties, MouseEvent, ReactNode } from 'react';
import { FlexProps } from '../_wrapper';
import { IconProps } from '@mdi/react/dist/IconProps';

export declare const CTab: (props: {
    key?: string | number;
    disabled?: boolean;
    value: string | number;
    tooltip?: string;
    icon?: string;
    badge?: string;
    label?: ReactNode;
    badgeColor?: string;
    badgeProps?: any;
    sx?: any;
    activeValue: string | number;
    activeTabSlotProps?: {
        tab?: TabProps;
        tooltip?: Partial<TooltipProps>;
        tabInnerContainer?: FlexProps;
        icon?: Partial<IconProps>;
        typography?: TypographyProps;
    };
    inactiveTabSlotProps?: {
        tab?: TabProps;
        tooltip?: TooltipProps;
        tabInnerContainer?: FlexProps;
        icon?: IconProps;
        typography?: TypographyProps;
    };
    tabVariant?: "text" | "outlined" | "filled";
    activeTabStyles?: CSSProperties;
    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
}) => import("react/jsx-runtime").JSX.Element;