/* shared.jsx — icons, glass primitives, mock data, brand mark */
/* eslint-disable */
// ─────────────────────────────────────────────────────────────
// Icons (line, 1.6px). Color via currentColor.
// ─────────────────────────────────────────────────────────────
const Icon = {
music: (s = 16) => (
),
heart: (s = 16) => (
),
send: (s = 16) => (
),
search: (s = 16) => (
),
check: (s = 16) => (
),
x: (s = 16) => (
),
play: (s = 16) => (
),
pause: (s = 16) => (
),
skip: (s = 16) => (
),
user: (s = 16) => (
),
arrow: (s = 16) => (
),
qr: (s = 16) => (
),
sparkle: (s = 16) => (
),
drag: (s = 14) => (
),
ban: (s = 16) => (
),
clock: (s = 16) => (
),
bolt: (s = 16) => (
),
};
// ─────────────────────────────────────────────────────────────
// FSJA wordmark — drawn from the logo (drop/flame + 4-point star)
// ─────────────────────────────────────────────────────────────
function FSJAMark({ size = 32, mono = false }) {
const navy = mono ? 'currentColor' : '#1B3A66';
const burg = mono ? 'currentColor' : '#8B2332';
const gold = mono ? 'currentColor' : '#E5A93A';
return (
);
}
// ─────────────────────────────────────────────────────────────
// Album-art placeholder — synthesized cover with gradient + bands
// ─────────────────────────────────────────────────────────────
function Cover({ seed = 0, size = 64, radius = 12 }) {
// 6 hand-picked gradient pairs, brand-adjacent
const palettes = [
['#8b2332', '#1b3a66'],
['#e5a93a', '#8b2332'],
['#1b3a66', '#0a1a2e'],
['#b88727', '#5a1620'],
['#6a8fbf', '#1b3a66'],
['#f3d27e', '#b88727'],
];
const [a, b] = palettes[seed % palettes.length];
const angle = (seed * 53) % 360;
return (
);
}
// ─────────────────────────────────────────────────────────────
// Real scannable QR code — via qrserver.com API (no library)
// ─────────────────────────────────────────────────────────────
function RealQR({ url, size = 128 }) {
if (!url) return ;
const src = `https://api.qrserver.com/v1/create-qr-code/?size=${size}x${size}&data=${encodeURIComponent(url)}&margin=2`;
return 
;
}
// ─────────────────────────────────────────────────────────────
// QR code — simulated (not scannable, decorative, kept as fallback)
// ─────────────────────────────────────────────────────────────
function FakeQR({ size = 200, dark = '#0a1a2e', light = '#fff' }) {
// Deterministic pseudo-random modules. 25x25 with finder pattern corners.
const N = 25;
const cells = React.useMemo(() => {
const seed = (i, j) => ((i * 928371 + j * 12349 + i * j * 17) ^ 0x5a5a) & 1;
const isFinder = (i, j) => {
const inBox = (r, c) => i >= r && i < r + 7 && j >= c && j < c + 7;
return inBox(0, 0) || inBox(0, N - 7) || inBox(N - 7, 0);
};
const finderOn = (i, j) => {
const local = (r, c) => {
const li = i - r, lj = j - c;
if (li < 0 || lj < 0 || li > 6 || lj > 6) return false;
if (li === 0 || li === 6 || lj === 0 || lj === 6) return true;
if (li >= 2 && li <= 4 && lj >= 2 && lj <= 4) return true;
return false;
};
return local(0, 0) || local(0, N - 7) || local(N - 7, 0);
};
const grid = [];
for (let i = 0; i < N; i++) {
const row = [];
for (let j = 0; j < N; j++) {
if (isFinder(i, j)) row.push(finderOn(i, j) ? 1 : 0);
else row.push(seed(i, j));
}
grid.push(row);
}
return grid;
}, []);
const u = size / N;
return (
);
}
// ─────────────────────────────────────────────────────────────
// Mock catalogue of song requests
// ─────────────────────────────────────────────────────────────
const REQUESTS = [
{ id: 1, title: 'La Bicicleta', artist: 'Carlos Vives & Shakira', from: 'Marta', to: 'Pablo', note: 'Por nuestro primer baile en el patio.', votes: 14, cover: 0, status: 'playing' },
{ id: 2, title: 'Vivir Mi Vida', artist: 'Marc Anthony', from: 'Lucía', to: 'Promoción 2026', note: '¡Que nadie se quede sentado!', votes: 21, cover: 1, status: 'next' },
{ id: 3, title: 'Color Esperanza', artist: 'Diego Torres', from: 'Padre Luis',to: 'Toda la comunidad',note: 'Para cerrar el curso con esperanza.', votes: 33, cover: 2, status: 'queued' },
{ id: 4, title: 'Resistiré', artist: 'Dúo Dinámico', from: 'Abuela Carmen', to: 'Las voluntarias', note: 'Por todas las que no se rinden.', votes: 12, cover: 3, status: 'queued' },
{ id: 5, title: 'Wake Me Up', artist: 'Avicii', from: 'Jorge', to: 'Hermanos pequeños',note: 'Por las noches de campamento.', votes: 9, cover: 4, status: 'pending' },
{ id: 6, title: 'La Flaca', artist: 'Jarabe de Palo', from: 'Ana', to: 'Mi madre', note: 'Gracias por aguantarme siempre.', votes: 7, cover: 5, status: 'pending' },
{ id: 7, title: 'Ojalá', artist: 'Silvio Rodríguez', from: 'Anónimo', to: 'M.', note: '— ya sabes para quién es.', votes: 4, cover: 0, status: 'pending' },
{ id: 8, title: 'Eres Tú', artist: 'Mocedades', from: 'Coro FSJA', to: 'Los profesores', note: 'Gracias por este curso.', votes: 18, cover: 1, status: 'queued' },
{ id: 9, title: 'Mediterráneo', artist: 'Joan Manuel Serrat', from: 'Don Rafael',to: 'Los compañeros del 78', note: 'Salud y reencuentro.', votes: 11, cover: 2, status: 'queued' },
{ id: 10,title: 'Bailando', artist: 'Enrique Iglesias', from: 'Sofía', to: 'Mis amigas', note: 'La nuestra de siempre.', votes: 16, cover: 3, status: 'pending' },
];
Object.assign(window, { Icon, FSJAMark, Cover, FakeQR, RealQR, REQUESTS });