import React from "react"; import Search from "../Search"; import cartIcon from "./dark-crimson-cart-icon.svg"; import whiteCartIcon from "./white-cart-icon.svg"; import profileIcon from "./dark-crimson-profile-icon.svg"; import searchIcon from "./dark-crimson-search-box.svg"; import lightGraySearchIcon from "./light-gray-search-box.svg"; import darkCrimsonHamburgerMenu from "./dark-crimson-hamburger-menu.svg"; import whiteHamburgerMenu from "./white-hamburger-menu-icon.svg"; const HeaderDesign1 = ({ loginBtn, menuItems, category, searchBox, topHeader, bottomHeader, productCategoryTextColor, menuItemsColor, }) => { return (
<> {topHeader && (
انتخاب کشور پیگیری سفارش
شکایات  ورود و ثبت نام
)}
Design System {category && ( دسته بندی ها )}
{menuItems?.map((item, index) => ( {item} ))}
{searchBox && (
)} {loginBtn && (
{/* */}
)}
{/* */}
{bottomHeader && ( <>
دسته بندی کالاها
{menuItems.map((item, index) => ( {item} ))}
)}
); }; export default HeaderDesign1; HeaderDesign1.defaultProps = { productCategoryTextColor: "text-productPrice", menuItemsColor: "text-productPrice", border: "border", topHeader: true, bottomHeader: true, menuItems: [ "محصولات", "دسته بندی", "تماس با ما", "درباره ما", "پیگیری", "وبلاگ", ], category: true, searchBox: true, // icons loginBtn: true, };