import React from "react"; import cartIcon from "../../../assets/icons/dark-crimson-cart-icon.svg"; import whiteCartIcon from "../../../assets/icons/white-cart-icon.svg"; import profileIcon from "../../../assets/icons/dark-crimson-profile-icon.svg"; import searchIcon from "../../../assets/icons/dark-crimson-search-box.svg"; import lightGraySearchIcon from "../../../assets/icons/light-gray-search-box.svg"; import darkCrimsonHamburgerMenu from "../../../assets/icons/dark-crimson-hamburger-menu.svg"; import whiteHamburgerMenu from "../../../assets/icons/white-hamburger-menu-icon.svg"; const HeaderDesign1 = ({ iconHolder, loginBtn, iconProfile, iconCart, iconSearch, border, btnRounded, btnPY, btnPX, loginBtnBgColor, loginBorderColor, registerBtnBgColor, loginTextColor, registerTextColor, menuItems, category, searchBox, topHeader, bottomHeader, priceHolder, tomanColor, headerBgColor, siteNameTextColor, productCategoryTextColor, menuItemsColor, topHeaderItemsColor, whiteIconCart, whiteIconHamburgerMenu, darkIconHamburgerMenu, }) => { return (
{topHeader && (
انتخاب کشور پیگیری سفارش
شکایات ورود و ثبت نام
)}
Design System {category && ( دسته بندی ها )}
{menuItems && (
محصولات دسته بندی تماس با ما درباره ما پیگیری وبلاگ
)} {searchBox && (
)} {loginBtn && (
{/* */}
)} {iconHolder && (

140,000 تومان

{iconCart && } {whiteIconCart && ( )} {iconSearch && ( )} {iconProfile && ( )}
)}
{bottomHeader && (
{darkIconHamburgerMenu && ( )} {whiteIconHamburgerMenu && ( )} دسته بندی کالاها
محصولات دسته بندی تماس با ما درباره ما پیگیری وبلاگ
)}
); }; export default HeaderDesign1; // یک تگ دیو در نظر گرفتم برای 3 تا ایکن سرچ/پروفایل/اضافه کردن به سبد خرید که اینارو انداختم داخل دیو ایکن هولدر // text colors that is used in this component // text-productPrice // text-white // background colors that is used in this component // bg-darkCrimsonBgColor // border colors that is used in this component // border-darkCrimsonBorderColor HeaderDesign1.defaultProps = { headerBgColor: "bg-white", siteNameTextColor: "text-productPrice", productCategoryTextColor: "text-productPrice", menuItemsColor: "text-productPrice", topHeaderItemsColor: "text-productPrice", border: "border", btnRounded: "rounded-md", loginBorderColor: "border-darkCrimsonBorderColor", loginBtnBgColor: "bg-white", loginTextColor: "text-productPrice", registerBtnBgColor: "bg-darkCrimsonBgColor", registerTextColor: "text-white", tomanColor: "text-productPrice", priceHolder: "text-productPrice", btnPY: "py-2", btnPX: "px-8", topHeader: true, bottomHeader: true, menuItems: false, category: false, searchBox: true, // icons loginBtn: false, whiteIconCart: true, darkCrimsonIconCart: false, whiteIconHamburgerMenu: false, darkIconHamburgerMenu: true, iconHolder: true, iconProfile: false, iconCart: true, iconSearch: false, };