import * as React from "react";
import { SvgProps } from "react-native-svg";
import {
  IconType,
  BoldIconName,
  BoldDuotoneIconName,
  BrokenIconName,
  LineDuotoneIconName,
  LinearIconName,
  OutlineIconName,
} from "./index";

/**
 * Union of all possible icon names across all types
 */
export type AllIconNames =
  | BoldIconName
  | BoldDuotoneIconName
  | BrokenIconName
  | LineDuotoneIconName
  | LinearIconName
  | OutlineIconName;

/**
 * Props for the SolarIcon component
 */
export interface SolarIconProps extends Omit<SvgProps, "width" | "height"> {
  /**
   * The name of the icon (e.g., "Home", "ArrowDown", "Heart")
   */
  name: AllIconNames;

  /**
   * The icon style/type
   * @default "linear"
   */
  type?: IconType;

  /**
   * Shorthand for both width and height
   * @default 24
   */
  size?: number;

  /**
   * Shorthand for primaryColor
   * @default "#000000"
   */
  color?: string;

  /**
   * Icon width (overrides size)
   */
  width?: number;

  /**
   * Icon height (overrides size)
   */
  height?: number;

  /**
   * Primary color for the icon stroke/fill
   * @default "#000000"
   */
  primaryColor?: string;

  /**
   * Secondary color for duotone icons
   */
  secondaryColor?: string;
}

/**
 * SolarIcon - A unified icon component for Solar Icons
 *
 * @example
 * // Basic usage with default linear style
 * <SolarIcon name="Home" />
 *
 * // With specific type
 * <SolarIcon name="Home" type="bold" />
 *
 * // With size and color shortcuts
 * <SolarIcon name="Heart" type="bold" size={32} color="#ff0000" />
 *
 * // With full props for duotone icons
 * <SolarIcon
 *   name="Home"
 *   type="bold-duotone"
 *   size={24}
 *   primaryColor="#000"
 *   secondaryColor="#ccc"
 * />
 */
export declare const SolarIcon: React.FC<SolarIconProps>;

export default SolarIcon;