/** * Copyright 2026, SumUp Ltd. * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ import { type HTMLAttributes } from 'react'; import type { IconComponentType } from '@sumup-oss/icons'; import type { AsPropType } from '../../types/prop-types.js'; type StatusVariant = 'pill' | 'line' | 'badge' | 'dot'; export type StatusColor = 'confirm' | 'neutral' | 'notify' | 'alert' | 'promo' | 'special'; export interface StatusProps extends HTMLAttributes { /** * Choose the style variant. * @default 'pill' */ variant?: StatusVariant; /** * The semantic color of the status. * @default 'neutral' */ color?: StatusColor; /** * Label text to be shown. Omit for dot. */ children?: string | number; /** * Leading icon for the line variant. */ icon?: IconComponentType<'16'>; /** * Render the status using any HTML element. */ as?: AsPropType; } /** * The status component communicates the condition of an entity * by conveying semantic meaning or indicating new, important information. */ export declare const Status: import("react").ForwardRefExoticComponent>; export {};