Picker compoennt enhancement request

Picker sholud packed as a component and accept hierarchy object array, then the col values and displayValues are mapped to value and label field. Sub cols are mapped to nested children field, col count equals nested children levels

const carVendors = [
  {
    value: "Japanese",
    label: "日本",
    children: [
      { value: "Honda", label: "本田" },
      { value: "Lexus", label: "雷克萨斯" },
      { value: "Mazda", label: "马自达" },
      { value: "Nissan", label: "尼桑" },
      { value: "Toyota", label: "丰田" },
    ],
  },
  {
    value: "German",
    label: "德国",
    children: [
      { value: "Audi", label: "奥迪" },
      { value: "BMW", label: "宝马" },
      { value: "Mercedes", label: "梅赛德斯" },
      { value: "Volkswagen", label: "大众" },
      { value: "Volvo", label: "沃尔沃" },
    ],
  },
  {
    value: "American",
    label: "美国",
    children: [
      { value: "Cadillac", label: "凯迪拉克" },
      { value: "Chrysler", label: "克莱斯勒" },
      { value: "Dodge", label: "道奇" },
      { value: "Ford", label: "福特" },
    ],
  },
];

And you can use picker like this
<Picker dataSource={carVendors }/>