I'll update the component to show only High, Close, and Low lines with the specified HSL colors. I'll also remove the Open line from the chart and legend.

Here's the updated component with the requested changes:

Key changes made to the component:

1. Updated the chartConfig object to include only High, Close, and Low, with the specified HSL colors:

   • High: hsl(262.1, 83.3%, 57.8%)
   • Close: hsl(142.1, 76.2%, 36.3%)
   • Low: hsl(0, 72.2%, 50.6%)
2. Removed the "Open" data from the stocksData object for all stocks.

3. Updated the LineChart component to render only three lines:

   <Line type="monotone" dataKey="high" stroke={chartConfig.high.color} dot={false} strokeWidth={2} /> <Line type="monotone" dataKey="close" stroke={chartConfig.close.color} dot={false} strokeWidth={2} /> <Line type="monotone" dataKey="low" stroke={chartConfig.low.color} dot={false} strokeWidth={2} />
4. Updated the legend to show only High, Close, and Low lines with their respective colors.
5. Maintained all other functionality, including theme switching, stock selection, and responsive design.
6. Kept accessibility features intact, such as aria labels for interactive elements.

This updated component now displays only the High, Close, and Low lines for each stock, using the specified HSL colors. The chart and legend have been adjusted accordingly, while maintaining all other features and styling of the original component.

I'll address these nits and update the component accordingly.

Here's the updated component with the requested changes:

Here are the changes made to address the nits:

1. Updated the trending percentage and arrow color:

   • For upward trends: text-green-500
   • For downward trends: text-red-500

2. Made the trending text smaller:

   • Changed from text-xl to text-base font-medium

3. Improved the subtext for better contrast and slightly larger size:

   • Changed from text-sm text-muted-foreground to text-sm text-gray-300

4. Adjusted the layout of the trending information:

   • Added ml-1 to the arrow icon for better spacing
   • Kept the overall structure of the component intact

These changes address all the requested nits while maintaining the overall functionality and structure of the component. The code remains complete and can be directly used in a Next.js application with the required dependencies and Tailwind CSS configuration.