@helpwave/hightide/dist/components/layout-and-navigation/Chip.d.mts

helpwave's component and theming library

import * as react_jsx_runtime from 'react/jsx-runtime';
import { HTMLProps, PropsWithChildren, ReactNode } from 'react';

declare const chipColors: readonly ["default", "dark", "red", "yellow", "green", "blue", "pink"];
type ChipColor = typeof chipColors[number];
type ChipVariant = 'normal' | 'fullyRounded';
declare const ChipUtil: {
    colors: readonly ["default", "dark", "red", "yellow", "green", "blue", "pink"];
};
type ChipProps = HTMLProps<HTMLDivElement> & PropsWithChildren<{
    color?: ChipColor;
    variant?: ChipVariant;
    trailingIcon?: ReactNode;
}>;
/**
 * A component for displaying a single chip
 */
declare const Chip: ({ children, trailingIcon, color, variant, className, ...restProps }: ChipProps) => react_jsx_runtime.JSX.Element;
type ChipListProps = {
    list: ChipProps[];
    className?: string;
};
/**
 * A component for displaying a list of chips
 */
declare const ChipList: ({ list, className }: ChipListProps) => react_jsx_runtime.JSX.Element;

export { Chip, type ChipColor, ChipList, type ChipListProps, type ChipProps, ChipUtil };