/* Enfito — Icons & Shared Components */
const Icon = {
Search: (props) => (
),
ArrowRight: (props) => (
),
ArrowUpRight: (props) => (
),
ChevronDown: (props) => (
),
ChevronLeft: (props) => (
),
Heart: ({filled, ...p}) => (
),
Bag: (props) => (
),
User: (props) => (
),
Plus: (props) => (
),
Minus: (props) => (
),
X: (props) => (
),
Check: (props) => (
),
Truck: (props) => (
),
Shield: (props) => (
),
Return: (props) => (
),
Sparkle: (props) => (
),
Card: (props) => (
),
Star: (props) => (
),
Menu: (props) => (
),
Globe: (props) => (
),
Filter: (props) => (
),
Dumbbell: (props) => (
),
Yoga: (props) => (
),
Heartbeat: (props) => (
),
Award: (props) => (
),
Tag: (props) => (
),
Sun: (props) => (
),
Recover: (props) => (
),
};
window.Icon = Icon;
/* ============ HEADER ============ */
const Header = ({ cartCount, onNav, currentRoute }) => {
const [searchOpen, setSearchOpen] = React.useState(false);
return (