import type { CSSProperties } from "react";
import {
  emphasis,
  iconNameList,
  OpticalSizes,
  sizes,
  weights,
} from "./constants";

export type Fill = 1 | 0;

export type IconName = (typeof iconNameList)[number];

export type OpticalSize = (typeof OpticalSizes)[number];
export type Weight = (typeof weights)[number];
export type Emphasis = (typeof emphasis)[number];
export type Size = (typeof sizes)[number];

export type IconProps = {
  name: IconName;
  fill?: Fill;
  opticalSize?: OpticalSize;
  weight?: Weight;
  emphasis?: Emphasis;
  size?: Size;
  color?: string;
  style?: CSSProperties;
  className?: string;
  onClick?: () => void;
  dataTestId?: string;
};