Grocery App - Copy this React, Tailwind Component to your project

@Project-name:-"Online-Grocery-Shopping-App"-@Input-instructions:-"User-Interface-for-online-grocery-shopping"-@Command-function-instructions:-"Create-UI-for-searching-groceries,-adding-to-cart,-and-checkout"-<"Search-Groceries-UI">[A-search-bar-for-grocery-items,-categories]-<"Category-Selection-UI">[Displaying-various-grocery-categories-like-fruits,-vegetables,-dairy,-etc.]-<"Cart-UI">[A-screen-showing-selected-items,-quantities,-prices,-and-total-cost]-<"Checkout-UI">[A-screen-for-payment-options,-shipping-address,-and-order-confirmation]-@Output-instructions:-"UI-Design-and-Flow"-<"Output-UI-Design">[Wireframes-for-each-screen-with-detailed-navigation-flow]