@serendie/ui/dist/components/NotificationBadge/NotificationBadge.d.ts

Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric

import { ComponentProps } from 'react';
import { RecipeVariantProps } from '../../../styled-system/css';
declare const NotificationBadgeStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"text" | "root", {
    size: {
        small: {
            root: {
                height: number;
                minWidth: number;
                paddingX: "sd.system.dimension.spacing.twoExtraSmall";
            };
        };
        medium: {
            root: {
                height: number;
                minWidth: number;
                paddingX: "sd.system.dimension.spacing.extraSmall";
            };
        };
    };
    variant: {
        primary: {
            root: {
                backgroundColor: "sd.system.color.impression.negative";
            };
        };
        secondary: {
            root: {
                backgroundColor: "sd.system.color.impression.primary";
            };
        };
    };
    noNumber: {
        true: {
            root: {
                height: number;
                paddingX: number;
                minWidth: number;
            };
        };
    };
    position: {
        relative: {
            root: {
                position: "relative";
            };
        };
    };
}>;
type BadgeProps = {
    count?: number;
};
export type NotificationBadgeProps = BadgeProps & ComponentProps<"div"> & RecipeVariantProps<typeof NotificationBadgeStyle>;
export declare const NotificationBadge: React.FC<NotificationBadgeProps>;
export {};