/* === FamilyDetail dispatcher === */

function FamilyDetail({ family, navigate, highlightSku }) {
  const n = parseInt(family.num);
  if (n === 1) return <FamilyRotoli family={family} navigate={navigate} highlightSku={highlightSku} />;
  if (n === 2) return <FamilyCard family={family} navigate={navigate} highlightSku={highlightSku} />;
  if (n === 3) return <FamilyTubetti family={family} navigate={navigate} highlightSku={highlightSku} />;
  if (n === 4) return <FamilyFascettabili family={family} navigate={navigate} highlightSku={highlightSku} />;
  if (n === 5) return <FamilyAdesivi family={family} navigate={navigate} highlightSku={highlightSku} />;
  if (n === 6) return <FamilyPerBinari family={family} navigate={navigate} highlightSku={highlightSku} />;
  if (n === 7) return <FamilyBinari family={family} navigate={navigate} highlightSku={highlightSku} />;
  if (n === 8) return <FamilyPulsanti family={family} navigate={navigate} highlightSku={highlightSku} />;
  return <FamilyRotoli family={family} navigate={navigate} highlightSku={highlightSku} />;
}

Object.assign(window, { FamilyDetail });