import { CSSObject } from '@emotion/react';
import { BaseProps } from '../types.js';
import 'react';

/** @deprecated NumberBadge / DotBadge를 사용해주세요 */
type BadgeProps = BaseProps & {
    /**
     * Badge 컴포넌트 내부에 작성되는 글자입니다.
     * @requires
     */
    text: string | number;
    /**
     * Badge의 사이즈를 설정할 수 있습니다.
     *
     * @default 'default'
     */
    size?: "default" | "large" | "small";
    /**
     * Badge의 type을 정할 수 있습니다.
     *
     * 필수 값이며, primary / secondary / critical 값들이 들어올 수 있습니다.
     */
    type: "primary" | "secondary" | "critical";
    /**
     * 피그마 프로퍼티에서는 `badgeOn` 이라는 프로퍼티로 쓰이고 있습니다.
     */
    on?: boolean;
    /**
     * 피그마 내부에서 쓰이는 용도입니다. 개발자분이 직접 수정하실 필요가 없습니다.
     */
    state?: "default" | "hover" | "disabled";
};
type BadgeDotProp = {
    size: "small" | "medium" | "large" | "largeBold";
    type: BadgeProps["type"];
    sx?: CSSObject;
};

export { BadgeDotProp, BadgeProps };