diff --git a/src/assets/icons/light-gray-search-box.svg b/src/assets/icons/light-gray-search-box.svg new file mode 100644 index 0000000..85194ac --- /dev/null +++ b/src/assets/icons/light-gray-search-box.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/components/Header/desgin1/HeaderDesign1.js b/src/components/Header/desgin1/HeaderDesign1.js index ee2efe5..b6add40 100644 --- a/src/components/Header/desgin1/HeaderDesign1.js +++ b/src/components/Header/desgin1/HeaderDesign1.js @@ -3,6 +3,7 @@ import React from "react"; import cartIcon from "../../../assets/icons/dark-crimson-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 verticalLineIcon from "../../../assets/icons/dark-crimson-vertical-line.svg"; const HeaderDesign1 = ({ @@ -11,40 +12,68 @@ const HeaderDesign1 = ({ iconProfile, iconCart, iconSearch, + border, + btnRounded, + btnPY, + btnPX, + loginBtnBgColor, + loginBorderColor, + registerBtnBgColor, + loginTextColor, + registerTextColor, + menuItems, + category, }) => { return (
-
-
+
+
Design System
-