shanerrr

import React, { useState } from 'react';

export const Dropdown = ({ searchable, label, items, onItemSelect }) => {
  const [isOpen, setIsOpen] = useState(false);
  const [search, setSearch] = useState("");

  const handleItemSelect = (item) => {
    onItemSelect(item); // A callback to parent component for server sync when item is selected.
    setIsOpen(false); // Close the dropdown after selection.
  };