import { ThemeColor, ThemeSize } from "../../theme/types.js";
import { BadgePosition } from "../../styles/badge.js";
import { BadgeCompactProps, BadgeRootEmits, BadgeUi } from "@soybeanjs/headless/badge";
import { ClassValue } from "@soybeanjs/headless/types";

//#region src/components/badge/types.d.ts
/**
 * Properties for the Badge component.
 */
interface BadgeProps extends BadgeCompactProps {
  /**
   * root class
   */
  class?: ClassValue;
  /**
   * Theme color of the component.
   */
  color?: ThemeColor;
  /**
   * Visual size of the component.
   */
  size?: ThemeSize;
  /**
   * Per-slot class overrides for the component.
   */
  ui?: Partial<BadgeUi>;
  /**
   * Position.
   */
  position?: BadgePosition;
}
/**
 * Events for the Badge component.
 */
type BadgeEmits = BadgeRootEmits;
//#endregion
export { BadgeEmits, BadgeProps };