// instagram-dock.jsx — floating dock-style nav with Instagram-flavored icons.
// CSS-only animations (floating + hover lift), inline SVG icons, no framer-motion.
const IGIcon = {
Home: (
),
Search: (
),
Reels: (
),
Plus: (
),
Heart: (
),
DM: (
),
User: (
),
};
function InstagramDock({ items, accent = '#5b8bff' }) {
return (
{items.map((it, i) => (
))}
);
}
function DockButton({ item, accent, idx }) {
const Icon = IGIcon[item.icon] || IGIcon.Home;
const isAdd = item.variant === 'add';
return (
);
}
window.InstagramDock = InstagramDock;
window.IGIcon = IGIcon;