I'll create a modal component with three dropdowns for hardware selection. This will use shadcn/ui components and be fully responsive.

This hardware selection modal includes:

1. A modal dialog with three dropdown selects for hardware components
2. Sample data for processors, memory, and storage options
3. Search functionality within each dropdown
4. Reset and save buttons to manage the selection
5. Responsive design that works on all screen sizes

The component uses shadcn/ui's Dialog, Popover, and Command components to create an accessible and user-friendly interface. Each dropdown allows users to search and select from a list of options, and the current selection is displayed in the dropdown button.

You can customize the hardware options by modifying the arrays at the top of the component. The selected values are stored in state and logged to the console when the user clicks "Save", but you can modify this to send the data wherever needed in your application.

I'll refactor the component to make it more reusable by accepting array references as props for the hardware options. This will allow you to use the component with different hardware options without modifying the component itself.

I've refactored the component to make it much more reusable:

Key Improvements:

1. Prop-Based Configuration: The component now accepts arrays for processors, memory, and storage as props.
2. TypeScript Interfaces: Added proper interfaces for the hardware options and component props.
3. Default Values: Provided default arrays for each hardware type, so the component works even without custom arrays.
4. Customizable Text: Added props for the title, description, and button text.
5. Callback Function: Added an onSave callback prop that receives the selected hardware.

Demo Page Updates:

The demo page now shows two examples:

1. Custom Configuration: Uses custom arrays for all hardware types and displays the selected hardware.
2. Default Configuration: Uses the default hardware arrays built into the component.

Usage Example:

This approach makes the component highly reusable across different projects or even within the same project for different types of hardware configurations. You can easily swap out the data arrays without modifying the component itself.