import { P as e } from "../../../../packageName-CJwD6mUt.js";
const a = `import { ComboBox, ComboBoxGroup } from '${e}';
import { useState } from 'react';

const App = () => {
  const [selectedValue, setSelectedValue] = useState<string[]>();
  const menuItems: ComboBoxGroup[] = [
    {
      heading: 'Users',
      items: [
        {
          label: 'Annika',
          value: 'Annika',
        },
        {
          label: 'Meier',
          value: 'Meier',
        },
        {
          label: 'Mustermann',
          value: 'Mustermann',
        },
      ],
    },
    {
      heading: 'Actions',
      items: [
        {
          label: 'Dashboard',
          value: 'dashboard',
        },
        {
          label: 'Settings',
          value: 'settings',
        },
      ],
    },
  ];

  return (
    <ComboBox
      placeholder="Search actions..."
      menuItems={menuItems}
      onSelect={(value) => setSelectedValue(value)}
      value={selectedValue}
      mode="multi"
    />
  );
};`;
export {
  a as default
};
//# sourceMappingURL=source.js.map
