Functionality:

1. Searchable

• The component includes a search bar that allows users to filter the list of Items by typing in a search query.
• The search query is case-insensitive and matches any part of the Items name.
• The search results are updated in real-time as the user types.

2. Select All

• The component includes a "Select All" button that selects all Items in the list.
• When the "Select All" button is clicked, all Items in the list are selected and added to the selected list.

3. Clear All

• The component includes a "Clear All" button that clears all selections.
• When the "Clear All" button is clicked, all selected countries are removed from the selected list.

4. Unselect

• Users can click on a selected item to remove it from the selection.
• When a selected Items is clicked, it is removed from the selected list and the corresponding checkbox is unchecked.

5. Selected Data Appended to Right Side

• The selected Items are displayed in a separate area on the right side of the component.
• The selected list can be used for further actions, such as submitting a form or displaying additional information.