TypeScript Types

type IconVariant = "solid" | "original" | "gradient" | "multicolor";

type FitMode = "contain" | "cover" | "tight";

type GradientDirection = "horizontal" | "vertical";

type GradientType = "linear" | "radial" | "angular" | "diamond";

type IconProps = Omit<React.SVGProps<SVGSVGElement>, "name" | "width" | "height"> & {
  // Базові props
  name: string;                    // Назва іконки
  variant?: IconVariant;           // Варіант (default: "solid")

  // Розміри
  size?: number | string;          // Розмір (ширина)
  width?: number | string;         // Ширина (override)
  height?: number | string;        // Висота (override)

  // Кольори
  color?: string;                  // Основний колір

  // Multicolor variant: динамічні кольори
  color1?: string;                 // Колір 1
  color2?: string;                 // Колір 2
  color3?: string;                 // Колір 3
  // ... colorN

  // Gradient options (тільки для variant="gradient")
  gradientType?: GradientType;     // Тип градієнта (default: "linear")
  gradientDirection?: GradientDirection; // Напрямок для linear
  gradientAngle?: number;          // Кут для angular/diamond (default: 0)
  gradientRadius?: number;         // Радіус для radial (default: 50)
  colorFirst?: string;             // Початковий колір градієнта
  colorSecond?: string;            // Кінцевий колір градієнта
  offsetFirst?: string;            // Початкова позиція (default: "0%")
  offsetSecond?: string;           // Кінцева позиція (default: "100%")

  // Opacity
  opacity?: number;                // Прозорість (0-1, default: 1)

  // Shadow options
  shadow?: boolean;                // Увімкнути тінь
  shadowColor?: string;            // Колір тіні (default: "#000000")
  shadowBlur?: number;             // Розмиття тіні (default: 4)
  shadowOffsetX?: number;          // Зміщення по X (default: 0)
  shadowOffsetY?: number;          // Зміщення по Y (default: 2)
  shadowOpacity?: number;          // Прозорість тіні (default: 0.3)

  // Fit mode
  fit?: FitMode;                   // Режим адаптації (default: "contain")
};