import { ThemeColor, ThemeSize } from "../../theme/types.js";
import { IconProps } from "../icon/types.js";
import { ClassValue } from "@soybeanjs/headless/types";

//#region src/components/spinner/types.d.ts
/**
 * Type information for SpinnerIcon.
 */
type SpinnerIcon = `svg-spinners:${string}`;
/**
 * Properties for the Spinner component.
 */
interface SpinnerProps extends Omit<IconProps, 'icon' | 'color'> {
  /**
   * Additional class names applied to the root element.
   */
  class?: ClassValue;
  /**
   * Theme color of the component.
   */
  color?: ThemeColor;
  /**
   * The spinner icon name from the Iconify svg-spinners collection.
   *
   * @default 'svg-spinners:270-ring'
   */
  icon?: SpinnerIcon;
  /**
   * Visual size of the component.
   */
  size?: ThemeSize;
}
//#endregion
export { SpinnerIcon, SpinnerProps };