Combobox

import {
  Combobox,
  ComboboxContent,
  ComboboxControl,
  ComboboxInput,
  ComboboxItem,
  ComboboxItemGroup,
  ComboboxItemGroupLabel,
  ComboboxItemIndicator,
  ComboboxItemText,
  ComboboxTrigger
} from '@isyuricunha/ui'

<Combobox collection={collection}>
  <ComboboxLabel>Framework</ComboboxLabel>
  <ComboboxControl>
    <ComboboxInput placeholder='Select a framework' />
    <ComboboxTrigger>
      <ChevronsUpDownIcon />
    </ComboboxTrigger>
  </ComboboxControl>
  <ComboboxContent>
    <ComboboxItemGroup>
      <ComboboxItemGroupLabel>Frameworks</ComboboxItemGroupLabel>
      {collection.map((item) => (
        <ComboboxItem key={item} item={item}>
          <ComboboxItemIndicator>
            <CheckIcon />
          </ComboboxItemIndicator>
          <ComboboxItemText>{item}</ComboboxItemText>
        </ComboboxItem>
      ))}
    </ComboboxItemGroup>
  </ComboboxContent>
</Combobox>