#Autocomplete

// 1. as array
const data = [
  // Every data item can, beside "content" - contain what ever
  {
    // (optional) can be what ever
    selected_key: 'key_0',

    // (optional) is show instead of "content", once selected
    selected_value: 'Item 1 Value',
    suffix_value: 'Addition 1',

    // Item content as a string, array or React Element
    content: 'Item 1 Content',
  },

  // more items ...
  {
    selected_key: 'key_1',
    content: (
      <>
        <IconPrimary icon="bell" />
        <span className="dnb-typo-bold">Searchable content</span>
      </>
    ),
  },
  {
    selected_key: 'key_2',
    selected_value: 'Item 3 Value',
    suffix_value: 'Addition 3',
    content: (
      <Autocomplete.HorizontalItem>
        <IconPrimary icon="bell" />
        <span className="dnb-typo-bold">Searchable content</span>
      </Autocomplete.HorizontalItem>
    ),
  },
  {
    selected_key: 'key_3',
    selected_value: 'Item 4 Value',
    suffix_value: 'Addition 4',
    content: ['Item 4 Content A', <>Custom Component</>],
  },
]

// 2. as object
const data = {
  a: 'A',
  b: 'B',
}