Selects, chips and resources

<Select
  aria-label="View"
  value={selectView}
  onValueChange={setSelectView}
>
  {options.map((option) => (
    <option value={option.value} disabled={option.disabled}>
      {option.label}
    </option>
  ))}
</Select>

<MemberDropdown
  label="Choose a team member"
  value={selectedPerson}
  onChange={setSelectedPerson}
/>

<Combobox
  source={options}
  value={comboView}
  onChange={(next) =>
    setComboView(Array.isArray(next) ? next[0] : next)
  }
  config={{ ariaLabel: 'Searchable view' }}
/>

<MultiSelect
  source={options}
  value={multiViews}
  onChange={(values) =>
    setMultiViews(Array.isArray(values) ? values : [values])
  }
  config={{ ariaLabel: 'Multiple views' }}
/>

<Avatar value="Morgan Lee" label="Morgan Lee" />

<ResourcePicker
  resources={resources}
  selectedResourceIds={people}
  onChange={setPeople}
  text={{
    groupAriaLabel: 'Assignees',
    searchPlaceholder: 'Search people',
    searchAriaLabel: 'Search people',
    emptyResources: 'No resources',
    emptySearch: 'No matches',
  }}
/>