import { ElementType, ComponentPropsWithRef } from 'react';
import { BaseProps } from '../../types.js';
import '@emotion/react';

type DotBadgeProps<E extends ElementType = "span"> = BaseProps<E> & {
    /**
     * Badge의 타입을 설정할 수 있습니다.
     * @default "default"
     */
    type?: "default" | "border";
    /**
     * Badge의 색상을 설정할 수 있습니다.
     */
    variant: "accent" | "critical";
    /**
     * Badge의 크기를 설정할 수 있습니다.
     * @default "small"
     */
    size?: "small" | "medium" | "large" | "largeBold";
};
type DotBadgeComponent = <E extends ElementType>(props: DotBadgeProps<E>, ref?: ComponentPropsWithRef<E>["ref"]) => JSX.Element | null;

export { DotBadgeComponent, DotBadgeProps };