// Iconografía minimal — sólo geometrías simples const Arrow = ({ size = 20 }) => ( ); const ArrowDiag = ({ size = 20 }) => ( ); const ChevL = ({ size = 18 }) => ( ); const ChevR = ({ size = 18 }) => ( ); const Search = ({ size = 16 }) => ( ); // Marcas de esquina (mismas que las piezas de Instagram) const CornerMark = ({ pos = "tl", c = "currentColor" }) => { const t = { tl: { transform: 'translate(0,0) rotate(0)' }, tr: { transform: 'translate(40,0) rotate(90)' }, br: { transform: 'translate(40,40) rotate(180)' }, bl: { transform: 'translate(0,40) rotate(270)' }, }[pos]; return ( ); }; Object.assign(window, { Arrow, ArrowDiag, ChevL, ChevR, Search, CornerMark });