Modern P O S Interface - Copy this Html, Tailwind Component to your project

Here’s a prompt you can use to generate this UI design for a POS system: “Design a user interface for a Point of Sale (POS) system with the following features: • Left Side: A collapsible side menu that toggles between a full view showing product categories and a minimized view with only icons. The menu should have smooth animations when expanding and collapsing. • Center Area: The main display area should dynamically update to show product categories and the corresponding product list based on the selected category. This section should be spacious and easy to navigate, with clear visibility of product images, names, and prices. • Right Side: A checkout section that lists the selected products, showing each product’s name, quantity, and price. This section should also calculate and display the subtotal and the total purchase amount clearly. Ensure that the layout is clean and that the user can easily modify or remove items from this list. Focus on a modern and intuitive design, with a clear visual hierarchy and user friendly navigation.