/**
 * Un'icona del catalogo, dalla chiave salvata nel database al disegno.
 *
 * Nel database sta `Categoria.icona`, cioè la CHIAVE del catalogo, che è nostra
 * e non cambia mai. Una chiave che il catalogo non conosce (un archivio scritto
 * da una versione più nuova) ripiega sulla predefinita: iconaDaDisegnare().
 *
 * Come i segni, sono PNG bianche colorate con `tintColor` (assets/icone/, da
 * scripts/genera-segni.mts): seguono il colore della tinta della categoria.
 */
import { Image } from 'react-native';

import type { ChiaveIcona } from '../../domain/icone.ts';
import { iconaDaDisegnare } from '../../domain/icone.ts';
import { FILE_ICONE } from './fileIcone.ts';

export interface PropsIcona {
  chiave: ChiaveIcona;
  dimensione: number;
  colore: string;
}

export default function Icona({ chiave, dimensione, colore }: PropsIcona) {
  return (
    <Image
      source={FILE_ICONE[iconaDaDisegnare(chiave)]}
      style={{ width: dimensione, height: dimensione, tintColor: colore }}
      resizeMode="contain"
      // Il nome lo annuncia il comando che la contiene, non lei.
      accessibilityElementsHidden
      importantForAccessibility="no"
    />
  );
}