@spaced-out/ui-design-system
Version:
Sense UI components library
41 lines • 1.3 kB
TypeScript
import * as React from 'react';
import type { Flow } from 'flow-to-typescript-codemod';
import type { IconSize, IconType } from '../../components/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 interface BaseBadgeProps {
classNames?: ClassNames;
fill?: BadgeColorType;
testId?: string;
}
export interface BadgeProps extends Omit<BaseBadgeProps, 'text'> {
text: string;
}
export interface IconBadgeProps extends Omit<BaseBadgeProps, 'iconName' | 'iconType' | 'iconSize' | 'onClick' | 'ariaLabel'> {
iconName: string;
iconType?: IconType;
iconSize?: IconSize;
onClick?: React.MouseEventHandler<HTMLDivElement>;
ariaLabel?: string;
}
export declare const Badge: Flow.AbstractComponent<BadgeProps, HTMLDivElement>;
export declare const IconBadge: Flow.AbstractComponent<IconBadgeProps, HTMLDivElement>;
export {};
//# sourceMappingURL=Badge.d.ts.map