/* the turn - per-species fish silhouettes (extends the kit's Icons.jsx set).
Same idiom as the existing four: 2px line profiles, head-left / tail-right,
distinct by body DEPTH + TAIL shape + one identifying mark. Not clipart.
Covers all 13 Field-Guide species + a generic fallback.
Marking vocabulary that carries recognition at chip size (~18px):
fan / deep-fork / shallow-fork / rounded / filled tail
spiky dorsal · spots · vertical bars · lateral stripe · blunt big head
*/
function FishIcon({ species, size = 22, color = 'currentColor', strokeWidth = 1.9 }) {
const P = { fill: 'none', stroke: color, strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round' };
const thin = { ...P, strokeWidth: 1.3 };
const dot = { fill: color, stroke: 'none' };
const FISH = {
/* slender, fan tail, faint gill - the original kob profile */
kob:
,
/* torpedo, deep-forked tail - predatory leervis */
garrick:
,
/* deep body, spiky dorsal, spotted flank */
grunter:
,
/* round disc, blunt - the national fish */
galjoen:
,
/* slender-deep, pointed snout, forked tail, faint bars */
steenbras:
,
/* streamlined, jutting jaw, single dorsal, forked tail - shad/elf */
elf:
,
/* deep oval, small blunt snout, forked tail - white stumpnose */
stumpnose:
,
/* oval, lateral stripe, forked tail - cape stumpnose */
capestumpnose:
,
/* deep oval, FILLED dark wedge tail - the namesake blacktail */
blacktail:
,
/* oval, blunt rounded head, ROUNDED paddle tail - hottentot */
hottentot:
,
/* deep body, VERTICAL BARS, forked tail - zebra */
zebra:
,
/* deep round body, shallow tail - bronze bream */
bronze:
,
/* robust, big blunt head + thick lips, forked tail - white musselcracker */
musselcracker:
,
/* generic fallback */
other:
,
};
// Compound regulation slugs ('leervis-garrick', 'dusky-kob', 'elf-shad')
// contain the short key the FISH map keys on. Try the full slug first,
// then each hyphen-split part, then fall back.
const tryKey = (k) => k && FISH[k];
const resolved =
tryKey(species) ||
(typeof species === 'string' && species.split('-').reduce((acc, part) => acc || tryKey(part), null)) ||
FISH.other;
return (
);
}