import { Icon as UIIcon } from '../../ui/icon';

import type { IconProps } from './Icon.types';
import { appIcons } from './icons';

/**
 * Punto único de iconografía de AgroShine.
 * Las pantallas y componentes propios usan este atom — nunca importan
 * `lucide-react-native` directamente.
 */
export function Icon({ name, size = 20, className, ...props }: IconProps) {
  const IconComponent = appIcons[name] ?? appIcons.menu;

  if (__DEV__ && !appIcons[name]) {
    console.warn(`[Icon] unknown icon name "${String(name)}". Falling back to "menu".`);
  }

  return <UIIcon as={IconComponent} size={size} className={className} {...props} />;
}