Listbox

const frameworks = ["React", "Solid", "Vue", "Angular", "Svelte", "Next.js"].map((label) => ({ label, value: label.toLowerCase() }))​​const listFrameworks = createListCollection({ items: frameworks })​​function ListboxDemo() {  return (    <Listbox.Root collection={listFrameworks} selectionMode="multiple" width="320px">      <Listbox.Label>Pilih framework</Listbox.Label>      <Listbox.Content>        {listFrameworks.items.map((item) => (          <Listbox.Item item={item} key={item.value}>            <Listbox.ItemText>{item.label}</Listbox.ItemText>            <Listbox.ItemIndicator />          </Listbox.Item>        ))}      </Listbox.Content>    </Listbox.Root>  )}