@dossierhq/design/lib/components/Tag/Tag.d.ts

The design system for Dossier.

import type { FunctionComponent, MouseEventHandler, ReactElement } from 'react';
import { type Color } from '../../config/Colors.js';
export interface TagProps {
    className?: string;
    color?: Color;
    transform?: 'capitalized' | '';
    children: string | [string, ReactElement<TagRemoveProps> | null];
}
interface TagRemoveProps {
    onClick?: MouseEventHandler<HTMLElement>;
}
interface TagClearProps {
    onClick?: MouseEventHandler<HTMLElement>;
    children: React.ReactNode;
}
/** @public */
export interface TagGroupProps {
    children: React.ReactNode;
}
/** @public */
export interface TagComponent extends FunctionComponent<TagProps> {
    Remove: FunctionComponent<TagRemoveProps>;
    Clear: FunctionComponent<TagClearProps>;
    Group: FunctionComponent<TagGroupProps>;
}
export declare const Tag: TagComponent;
export {};