import * as React from 'react';

export type IconWeight =
  | 'broken'
  | 'line-duotone'
  | 'linear'
  | 'outline'
  | 'bold'
  | 'bold-duotone';

export interface IconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {
  /** Icon size in pixels (default: 24) */
  size?: number | string;
  /** Icon color (default: "currentColor") */
  color?: string;
  /** Stroke width, mainly useful for linear/outline weights */
  strokeWidth?: number | string;
  /** Additional CSS class */
  className?: string;
}

export interface IconComponent extends React.FC<IconProps> {
  /** The icon's slug, e.g. "star" */
  iconName: string;
  /** The weight this component was imported from */
  iconWeight: IconWeight;
  /** The raw SVG source for this icon at this weight */
  svg: string;
}