@sikka/hawa/dist/tabs/index.d.ts

Modern UI Kit made with Tailwind

import * as React from 'react';
import React__default from 'react';
import * as TabsPrimitive from '@radix-ui/react-tabs';
import { R as RadiusType } from '../commonTypes-DUY2LJm1.js';

type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
    /** The text inside the chip */
    label: string;
    /** The small icon before the chip label  */
    icon?: JSX.Element;
    /** The color of the chip, must be a tailwind color */
    color?: ChipColors;
    /** The size of the chip */
    size?: "small" | "normal" | "large";
    /** Enable/Disable the dot before the label of the chip */
    dot?: boolean;
    /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
    dotStatus?: "available" | "unavailable" | "none";
    radius?: RadiusType;
};

type TabsVariants = "default" | "underlined" | "underlined_tabs";
declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
    variant?: TabsVariants;
    scrollable?: boolean;
} & React.RefAttributes<HTMLDivElement>>;
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
    classNames?: {
        scrollArea?: string;
    };
} & React.RefAttributes<HTMLDivElement>>;
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
    chipProps?: ChipTypes;
    className?: string;
    showPopover?: boolean;
    popoverContent?: React.ReactNode;
    withPopover?: boolean;
    onPopoverClick?: () => void;
} & React.RefAttributes<HTMLButtonElement>>;
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

export { Tabs, TabsContent, TabsList, TabsTrigger };