/**
* Slide background symbols — abstract SVG icons that blend into the
* constellation network as "special nodes" on each slide.
*
* Each symbol uses `currentColor` for its strokes so the parent can
* control tint via Tailwind's `text-*` utilities. A subtle amber glow
* circle uses `var(--primary)` directly.
*/
/* ── Cover: Interconnection Knot (Borromean rings) ───────── */
export function CoverSymbol({ className }: { className?: string }) {
return (
)
}
/* ── Service 01: Web & Apps (code + mutual support) ──────── */
export function WebAppsSymbol({ className }: { className?: string }) {
return (
)
}
/* ── Service 02: Odoo (honeycomb + gear) ─────────────────── */
export function OdooSymbol({ className }: { className?: string }) {
return (
)
}
/* ── Service 03: Hosting (server rack + shield dome) ─────── */
export function HostingSymbol({ className }: { className?: string }) {
return (
)
}
/* ── Service 04: Design (pen nib + direction lines) ──────── */
export function DesignSymbol({ className }: { className?: string }) {
return (
)
}
/* ── Contact: Union (interlocking circles + infinity) ────── */
export function UnionSymbol({ className }: { className?: string }) {
return (
)
}
/* ── Mapper: picks the right symbol by service ID ────────── */
export function ServiceSymbol({ serviceId, className }: { serviceId: string; className?: string }) {
switch (serviceId) {
case 'desarrollo': return
case 'odoo': return
case 'hosting': return
case 'diseno': return
default: return null
}
}