SelectListUse.js

import { useState } from "react";

import SelectList from "./SelectList";

const options = ["Apples", "Pears", "Lemons", "Limes"];

function App() {
  const [selectedValue, setSelectedValue] = useState(options[0]);

  return (
    <div className="App">
      <SelectList>
        <SelectList.Toggle>{selectedValue}</SelectList.Toggle>
        <SelectList.Dropdown>
          {options.map((option, index) => (
            <SelectList.Item
              key={index}
              onClick={() => setSelectedValue(option)}
            >
              {option}
            </SelectList.Item>
          ))}
        </SelectList.Dropdown>
      </SelectList>
    </div>
  );
}