import { Dropdown, DropdownItem } from "cherag-ui"'

  import { COLORS, Div, Dropdown, DropdownItem } from "cherag-ui";

  export default function App() {
    const [selectItem, setSelectItem] = useState<string>();
    return (
      <Dropdown
        onChange={setSelectItem}
        selected={selectItem}
        header="Choose your service"
        w={'50%'}
        borderColor={COLORS.softGray}
      >
        <DropdownItem value="Audio device">Audio device</DropdownItem>
        <DropdownItem value="Video device">Video device</DropdownItem>
        <DropdownItem value="Wifi device">Wifi device</DropdownItem>
      </Dropdown>
    );
  };