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

Sense UI components library

import * as React from 'react';
import type { Flow } from 'flow-to-typescript-codemod';
import type { IconSize, IconType } from '../Icon';
type ClassNames = Readonly<{
    wrapper?: string;
    text?: string;
    icon?: string;
}>;
export declare const BADGE_COLOR: Readonly<{
    gray: "#EBEBEB";
    red: "#fce8ed";
    redDark: "#e31c4c";
    orange: "#fcf2e7";
    orangeDark: "#df7e0c";
    green: "#e6f5ed";
    greenDark: "#03964d";
    blue: "#e6f0fe";
    blueDark: "#0769f0";
    indigo: "#f1f1f5";
    indigoDark: "#706F9B";
}>;
export type BadgeColorType = keyof typeof BADGE_COLOR;
export type BaseBadgeProps = {
    classNames?: ClassNames;
    fill?: BadgeColorType;
};
export type BadgeProps = BaseBadgeProps & {
    text: string;
};
export type IconBadgeProps = BaseBadgeProps & {
    iconName: string;
    iconType?: IconType;
    iconSize?: IconSize;
    onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
    ariaLabel?: string;
};
export declare const Badge: Flow.AbstractComponent<BadgeProps, HTMLDivElement>;
export declare const IconBadge: Flow.AbstractComponent<IconBadgeProps, HTMLDivElement>;
export {};
//# sourceMappingURL=Badge.d.ts.map