Shopping Cart - Copy this React, Tailwind Component to your project

<header className="header-bottom py-3"> <div className="container-xxl"> <div className="row"> <div className="col-12"> <div className="menu-bottom d-flex align-items-center gap-30"> <div> <div className="dropdown"> <button className="btn btn-secondary dropdown-toggle bg-transparent border-0 gap-15 d-flex align-items-center" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false" > <img src="images/menu.svg" alt="" /> <span className="me-5 d-inline-block">Shop categories</span> </button> <ul className="dropdown-menu" aria-labelledby="dropdownMenuButton1"> {categories.map((category) => ( <li key={category._id}> <Link className="dropdown-item text-white" to={`/category/${category._id}`}> {category.title} </Link> </li> ))} </ul> </div> </div> <nav className="nav-menu"> <ul className="d-flex align-items-center gap-15"> <li> <NavLink className="text-white" to="/"> Trang chủ </NavLink> </li> <li> <NavLink className="text-white" to="/product"> Cửa hàng </NavLink> </li> <li> <NavLink className="text-white" to="/blog"> Blog </NavLink> </li> <li> <NavLink className="text-white" to="/contact"> Liên hệ </NavLink> </li> </ul> </nav> </div> </div> </div> </div> </header> chỉnh cho tôi