Sales Data Grid - Copy this Angular, Tailwind Component to your project

Create a responsive Data Grid titled 'Sales' featuring a table with columns for ID, product name (with an icon), customer name, date, price, and status (with color indicators). Include sorting options for easy data manipulation and a colorful, vibrant design for optimal readability. Add 10 additional rows of data to the table, maintaining a visually appealing layout. The grid should be user friendly and optimized for both desktop and mobile devices, ensuring a seamless and engaging experience across all platforms with clear data presentation.