/**
 * منبع رنگ آیکون‌ها بر اساس متغیرهای CSS تم
 * - primary: از `--primary`
 * - muted: از `--muted-foreground`
 * استفاده از متغیرهای CSS باعث می‌شود با تغییر تم، رنگ‌ها بدون نیاز به رفرش بروزرسانی شوند.
 */
export const getIconColor = (
  variant: "primary" | "muted" = "primary"
): string => {
  if (variant === "muted") {
    return "var(--muted-foreground)";
  }
  return "var(--primary)";
};

/**
 * Hook ساده برای دسترسی به رنگ‌ها؛ به دلیل استفاده از CSS vars، نیازی به context نیست
 */
export const useIconColor = () => {
  return {
    primary: getIconColor("primary"),
    muted: getIconColor("muted"),
  };
};
