@spaced-out/ui-design-system/lib/components/Chip/Chip.d.ts

Sense UI components library

import * as React from 'react';
import type { Flow } from 'flow-to-typescript-codemod';
import type { IconType } from '../Icon';
type ClassNames = Readonly<{
    wrapper?: string;
    icon?: string;
    statusIndicator?: string;
}>;
export declare const CHIP_SEMANTIC: Readonly<{
    primary: "primary";
    information: "information";
    success: "success";
    warning: "warning";
    danger: "danger";
    secondary: "secondary";
}>;
export type ChipSemanticType = (typeof CHIP_SEMANTIC)[keyof typeof CHIP_SEMANTIC];
export type BaseChipProps = {
    classNames?: ClassNames;
    semantic?: ChipSemanticType;
    children: React.ReactNode;
    disabled?: boolean;
    showStatusIndicator?: boolean;
    disableHoverState?: boolean;
    line?: number;
    wordBreak?: string;
    onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
    onMouseEnter?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
    onMouseLeave?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
};
export type LargeChipProps = BaseChipProps & {
    iconName?: string;
    iconType?: IconType;
    dismissable?: boolean;
    onDismiss?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
    size?: 'large';
};
export type MediumChipProps = LargeChipProps & {
    size?: 'medium';
};
export type SmallChipProps = BaseChipProps & {
    size?: 'small';
};
export type ChipProps = LargeChipProps | MediumChipProps | SmallChipProps;
export declare const Chip: Flow.AbstractComponent<ChipProps, HTMLDivElement>;
export {};
//# sourceMappingURL=Chip.d.ts.map