import { ComponentProps, ExcludedProps, VariantProps } from "@vitality-ds/system"; import React from "react"; import type { RemoveBreakPointVariants, valueof } from "../helpers/logic/type-helpers"; import { BaseStatusBadge, BaseStatusBadgeButton, BaseStatusBadgeLink } from "./styled"; declare type SeverityVariants = Pick, "severity">; declare type ImportanceVariants = Pick, "importance">; declare type SeverityKeys = valueof>; declare type ImportanceKeys = valueof>; export declare type IconMappings = { [K in SeverityKeys]?: JSX.Element; }; declare type BaseStatusBadgeProps = { /** * Text label describing the status. */ label?: string; /** * Option to pass in a custom icon. Aim to use an icon from the @vitality-ds/icons package */ icon?: React.ReactNode; /** * Option to hide the icon. * @default false */ hideIcon?: boolean; /** * Indicate the severity of a status using Vitality's feedback color scale. */ severity?: SeverityKeys; /** * The importance of a StatusBadge determines its level of visual prominence. */ importance?: ImportanceKeys; /** * @ignore */ interactive?: never; }; export declare type StatusBadgeType = ExcludedProps & VariantProps & ComponentProps & BaseStatusBadgeProps; export declare type StatusBadgeLinkType = ExcludedProps & VariantProps & ComponentProps & BaseStatusBadgeProps & { href: string; target: string; ref: React.RefObject; }; export declare type StatusBadgeButtonType = ExcludedProps & VariantProps & ComponentProps & BaseStatusBadgeProps & { onClick: () => void; ref: React.RefObject; }; export {};