import { HTMLAttributes, ReactNode } from 'react'; import { ElementSize } from '../../utils'; import { SemanticColor } from '../../types'; /** * Visual style variant of the Status pill. * * - `soft` — container tone (`{color}Container` bg, `on{color}Container` text). Default. * - `filled` — solid tone (`{color}` bg, `on{color}` text). * * @category Status */ export type StatusVariant = 'soft' | 'filled'; /** * Props for the Status component. * * @category Status */ export interface StatusProps extends Omit, 'color'> { /** Text label describing the entity state. */ label: string; /** Semantic color. When omitted renders in the `surfaceVariant` / `onSurfaceVariant` surface roles. */ color?: SemanticColor; /** Visual size of the pill. @default 'small' */ size?: ElementSize; /** Color style variant. @default 'soft' */ variant?: StatusVariant; /** Content rendered before the label (e.g. an icon). */ leading?: ReactNode; /** Content rendered after the label (e.g. an icon). */ trailing?: ReactNode; } /** * Displays a standalone status pill for states, outcomes, or workflow labels. * * Purely presentational — no interaction, hover, focus, or ripple. * Accepts optional leading/trailing slots for icons or indicators. * * @function Status * @param props Component properties. * * @example * * * @example * } /> * * @example * } /> * * @category Status */ export declare const Status: { ({ label, color, size, variant, leading, trailing, className, style, ...rest }: StatusProps): import("react/jsx-runtime").JSX.Element; displayName: string; };