#Dropdown

// 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 or array
    content: 'Item 1 Content',
  },

  // more items ...
  {
    selected_key: 'key_1',
    content: ['Item 2 Value', 'Item 2 Content'],
  },
  {
    selected_key: 'key_2',
    selected_value: 'Item 3 Value',
    suffix_value: 'Addition 3',
    content: ['Item 3 Content A', 'Item 3 Content B'],
  },
  {
    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',
}