---
import Arr001 from '../../assets/vendor/duotone-icons/arr/arr001.astro';
import Arr002 from '../../assets/vendor/duotone-icons/arr/arr002.astro';
import Arr022 from '../../assets/vendor/duotone-icons/arr/arr022.astro';
import Arr023 from '../../assets/vendor/duotone-icons/arr/arr023.astro';
import Elc011 from '../../assets/vendor/duotone-icons/elc/elc011.astro';
import Fin010 from '../../assets/vendor/duotone-icons/fin/fin010.astro';
import Gen008 from '../../assets/vendor/duotone-icons/gen/gen008.astro';
import Gen009 from '../../assets/vendor/duotone-icons/gen/gen009.astro';
import Gen010 from '../../assets/vendor/duotone-icons/gen/gen010.astro';
import Gen012 from '../../assets/vendor/duotone-icons/gen/gen012.astro';
import Gen013 from '../../assets/vendor/duotone-icons/gen/gen013.astro';
import Gen014 from '../../assets/vendor/duotone-icons/gen/gen014.astro';
import Gen020 from '../../assets/vendor/duotone-icons/gen/gen020.astro';
import Gen019 from '../../assets/vendor/duotone-icons/gen/gen019.astro';

type Props = {
  name:
    | 'gen008'
    | 'gen009'
    | 'gen010'
    | 'gen012'
    | 'gen013'
    | 'gen014'
    | 'gen019'    
    | 'gen020'
    | 'fin010'
    | 'elc011'
    | 'arr023'
    | 'arr022'
    | 'arr001'
    | 'arr002';
};

const { name }: Props = Astro.props;

const iconMap: { [K in Exclude<Props['name'], undefined | null>]: string } = {
  gen008: Gen008,
  gen009: Gen009,
  gen010: Gen010,
  gen012: Gen012,
  gen013: Gen013,
  gen014: Gen014,
  gen019: Gen019,
  gen020: Gen020,
  fin010: Fin010,
  elc011: Elc011,
  arr023: Arr023,
  arr022: Arr022,
  arr001: Arr001,
  arr002: Arr002,
};

const IconComponent = iconMap[name];
---

<IconComponent />
