Modal with Search and Preview Panes

This component displays a modal overlay with a search input, results list, and preview pane. The modal contains the following sections: - Backdrop overlay that dims the background content - Search input field - Recent searches list - Search results list - Preview pane that shows details of the selected result - Empty state content for when no results are found It uses Tailwind utility classes like bg-gray-500, divide-x, flex, px-6, and text-gray-700 to style the various elements. The component toggles visibility of sections based on modal state and active search result.