import type { ReactNode } from 'react'; // Set of simple line icons — one per concept used across Proceso, // ComoEmpezar and Disciplinas. Same stroke weight and geometric language as // the manual's own iconography guidance ("líneas simples, geométricas, // consistentes en grosor"), hand-drawn to match each step's specific idea // rather than generic stock glyphs. export type IconoNombre = | 'inmersion' | 'desafiar' | 'estrategia' | 'escribeme' | 'diagnostico' | 'plan' | 'comunicacion' | 'digital' | 'experiencias' | 'consumidor' | 'ventas' | 'compania' // Entregables — one mark per deliverable, the way the lámina gives every // line its own. | 'matriz' | 'prioridades' | 'rayo' | 'mapa' | 'restriccion' | 'brote' | 'segmentos' | 'ficha' | 'recorrido' | 'hueco' | 'diana' | 'arquitectura' | 'libro' | 'megafono' | 'calendario' | 'ondas' | 'documento' | 'medidor' | 'tablero' | 'comite' | 'hitos' | 'cohete' | 'bombilla' | 'anio' | 'escudo'; const PATHS: Record = { // A line dives through two layers down to a core point — "nos sumergimos // hasta comprenderla desde dentro". inmersion: ( <> ), // A circle (the assumption) cracked by a bolt — "cuestionamos lo que todos // dan por hecho". desafiar: ( <> ), // A path rising to a flag — "una estrategia que puedas ejecutar". estrategia: ( <> ), // A speech bubble mid-thought — "cuéntanos dónde está tu negocio hoy". escribeme: ( <> ), // A magnifying glass over a short list — "una conversación para ubicar tu // punto de inflexión". diagnostico: ( <> ), // A short checklist — "sales con claridad y tu siguiente movimiento // definido". plan: ( <> ), // Two overlapping bubbles — mensaje que alinea a tu equipo y tu mercado. comunicacion: ( <> ), // A screen with a signal — presencia y procesos que escalan. digital: ( <> ), // A ripple from a single touch — cada toque con tu marca construye // confianza. experiencias: ( <> ), // A person with the insight sitting inside the head, not beside it — the // point of Consumer Knowledge is what you find in there. consumidor: ( <> ), // Three rising bars under an arrow — sell in, sell out, rotación. ventas: ( <> ), // Two towers — the company seen from outside. Stage 01 needs its own mark // because "Diagnóstico ejecutivo", one of its own deliverables, already has // the magnifier, and the two would sit repeated in the same card. compania: ( <> ), // ── Entregables ──────────────────────────────────────────────────────── // Deliberately plainer than the concept icons above: these render at 18px // inside the deliverables list, where anything busier turns to mush. // Four quadrants — the SWOT grid itself. matriz: ( <> ), // Three rules, longest first — a ranked list. prioridades: ( <> ), // A bolt — the win you can take this quarter. rayo: , // Folded map. mapa: ( <> ), // A funnel — where the business narrows. restriccion: , // A sprout. brote: ( <> ), // A disc cut into parts. segmentos: ( <> ), // An ID card — the persona, written down. ficha: ( <> ), // Waypoints along a dotted route. recorrido: ( <> ), // The gap between two solid runs — the need nobody covers. hueco: ( <> ), // Crosshair on the target. diana: ( <> ), // A parent and two children. arquitectura: ( <> ), // An open book. libro: ( <> ), // A megaphone. megafono: ( <> ), // A month blocked out. calendario: ( <> ), // Broadcast. ondas: ( <> ), // A written page. documento: ( <> ), // A gauge — the number the CEO watches. medidor: ( <> ), // Bars inside a frame. tablero: ( <> ), // Three round a table. comite: ( <> ), // Milestones on the line, the last one reached. hitos: ( <> ), // Launch. cohete: ( <> ), // A lit idea. bombilla: ( <> ), // A planner full of months. anio: ( <> ), // A shield — what keeps the growth from drifting. escudo: , }; // Every drawn icon, straight from the registry above — so a test iterating // these can never fall behind the set that actually exists. export const NOMBRES_ICONO = Object.keys(PATHS) as IconoNombre[]; export function Icono({ nombre, className = '' }: { nombre: IconoNombre; className?: string }) { return ( ); }