import { ElementType } from 'react';
import { BaseProps } from './types.js';

type NumberBadgeProps<E extends ElementType = "span"> = BaseProps<E> & {
    /**
     * Badge 컴포넌트 내부에 작성되는 숫자입니다.
     * @requires
     */
    number: number | string;
    /**
     * Badge의 사이즈를 설정할 수 있습니다.
     *
     * @default 'medium'
     */
    size?: "medium" | "large" | "small";
    /**
     * Badge의 variant을 정할 수 있습니다.
     *
     * 필수 값이며, primary / secondary / critical 값들이 들어올 수 있습니다.
     *
     * `{variant}-inverse` variant들은 figma 내부에서만 사용되는 값입니다. 사용처가 있다면 DS Squad에 제보해주세요
     */
    variant: "primary" | "secondary" | "accent" | "critical" | "primary-inverse" | "secondary-inverse" | "accent-inverse" | "critical-inverse";
};

export { NumberBadgeProps as N };