/*!
 * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
 * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (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 { HtmlProps } from "./HtmlProps.js";
export declare const badgeContentMaxValues: readonly [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
export declare const badgeTypeValues: readonly ["default", "attention", "danger"];
export type BadgeProps = {
    /**
     * The numeric count to display inside the badge. Renders nothing when the value is 0 or falsy.
     */
    badgeContent: number;
    /**
     * The maximum count value to display before appending a "+" suffix.
     * @default 100
     */
    badgeContentMax?: (typeof badgeContentMaxValues)[number];
    /**
     * Controls the visual style of the badge.
     * - If `'default'`, neutral background.
     * - If `'attention'`, yellow attention-state background.
     * - If `'danger'`, red danger-state background.
     * @default "default"
     */
    type?: (typeof badgeTypeValues)[number];
} & Pick<HtmlProps, "testId" | "translate">;
declare const MemoizedBadge: import("react").MemoExoticComponent<({ badgeContent, badgeContentMax, testId, translate, type, }: BadgeProps) => import("@emotion/react/jsx-runtime").JSX.Element | null>;
export { MemoizedBadge as Badge };
//# sourceMappingURL=Badge.d.ts.map