@sikka/hawa/dist/chip/index.d.mts

Modern UI Kit made with Tailwind

import React__default from 'react';
import { R as RadiusType } from '../commonTypes-D23Z4zYt.mjs';

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;
};
declare const Chip: React__default.ForwardRefExoticComponent<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;
} & React__default.RefAttributes<HTMLSpanElement>>;

export { Chip, type ChipColors, type ChipTypes };