import { ReactNode } from 'react'; import { SxProps } from '@mui/material/styles'; interface StatusPillProps { /** Pill label. */ label: ReactNode; /** Optional leading icon (e.g. a check-circle). */ icon?: ReactNode; /** Pill background color token. */ bgcolor?: string; /** Pill border color token. */ borderColor?: string; /** Label color token. */ labelColor?: string; sx?: SxProps; } /** * A small rounded status pill: optional icon + label on a tinted, bordered * surface. * * Figma: the "Categorized" pill in Peer-to-Peer Categorization (`success.100` * bg, `success.main` border, radius 999, 24px tall, check icon + `success.darker` * `typography/subtitle2` label — regular weight, NOT bold). Reusable for any * inline status. */ declare const StatusPill: ({ bgcolor, borderColor, icon, label, labelColor, sx, }: StatusPillProps) => import("react/jsx-runtime").JSX.Element; export default StatusPill;