declare const withCardItemsSource = "import { ComboBox, Avatar, Box, Text } from '@jtl-software/platform-ui-react';\nimport { useState } from 'react';\n\nconst users = [\n  { label: 'Anna Schmidt', value: 'anna', description: 'Designer' },\n  { label: 'Max M\u00FCller', value: 'max', description: 'Developer' },\n  { label: 'Sara Weber', value: 'sara', description: 'Manager' },\n  { label: 'Lukas Braun', value: 'lukas', description: 'DevOps' },\n];\n\nexport const CardItemMultiSelect = () => {\n  const [value, setValue] = useState<string[]>([]);\n  return (\n    <ComboBox\n      placeholder=\"Search users...\"\n      menuItems={[{ items: users }]}\n      mode=\"multi\"\n      value={value}\n      onSelect={setValue}\n      renderItem={(item) => (\n        <Box className=\"flex items-center gap-[var(--spacing-2)]\">\n          <Avatar text={item.label} shape=\"circle\" />\n          <Box className=\"flex flex-col\">\n            <Text type=\"small\" weight=\"regular\">{item.label}</Text>\n            <Text type=\"xs\" weight=\"regular\" color=\"muted\">{item.description}</Text>\n          </Box>\n        </Box>\n      )}\n    />\n  );\n};";
export default withCardItemsSource;
