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

const users = [
  { label: 'Anna Schmidt', value: 'anna', description: 'Designer' },
  { label: 'Max Müller', value: 'max', description: 'Developer' },
  { label: 'Sara Weber', value: 'sara', description: 'Manager' },
  { label: 'Lukas Braun', value: 'lukas', description: 'DevOps' },
];

export const CardItemMultiSelect = () => {
  const [value, setValue] = useState<string[]>([]);
  return (
    <ComboBox
      placeholder="Search users..."
      menuItems={[{ items: users }]}
      mode="multi"
      value={value}
      onSelect={setValue}
      renderItem={(item) => (
        <Box className="flex items-center gap-[var(--spacing-2)]">
          <Avatar text={item.label} shape="circle" />
          <Box className="flex flex-col">
            <Text type="small" weight="regular">{item.label}</Text>
            <Text type="xs" weight="regular" color="muted">{item.description}</Text>
          </Box>
        </Box>
      )}
    />
  );
};`;
export {
  a as default
};
//# sourceMappingURL=source.js.map
