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;
};