export function ComboboxMultipleDemo() {
const anchor = useComboboxAnchor();
return (
  <Combobox multiple autoHighlight items={frameworks} defaultValue={["Next.js", "Remix", "Astro"]}>
    <ComboboxChips ref={anchor} className="w-full max-w-xs">
      <ComboboxValue>
        {(values: string[]) => (
          <React.Fragment>
            {values.map((value) => (
              <ComboboxChip key={value}>{value}</ComboboxChip>
            ))}
            <ComboboxChipsInput />
          </React.Fragment>
        )}
      </ComboboxValue>
    </ComboboxChips>
    <ComboboxContent anchor={anchor}>
      <ComboboxEmpty>No items found.</ComboboxEmpty>
      <ComboboxList>
        {(item: string) => (
          <ComboboxItem key={item} value={item}>{item}</ComboboxItem>
        )}
      </ComboboxList>
    </ComboboxContent>
  </Combobox>
);
}