@clubmed/trident-ui/molecules/Tabs/Tab.d.ts

Shared ClubMed React UI components

import { type FunctionComponent, type PropsWithChildren } from 'react';
import { type Theme } from './theme';
import './Tab.css';
interface Props {
    className?: string;
    /**
     * Tab Heading text
     */
    label: string;
    /**
     * Tab heading index<br/>
     * _Can be **0** or **1** indexed_
     */
    value: number;
    /**
     * on tab select handler
     */
    onSelect?: (context: {
        value: Props['value'];
        label: Props['label'];
    }) => void;
    /**
     * Tab Heading theme
     */
    theme?: Theme;
    /**
     * Heading type
     * _default: **h2**_
     */
    as?: 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
}
export declare const Tab: FunctionComponent<PropsWithChildren<Props>>;
export {};