render(
  <Select
    emptyValue="Select a fruit"
    tooltip={{ title: 'Select a fruit' }}
    onChange={(e) => console.log(e)}
  >
    <Select.Option value="apple">Apple</Select.Option>
    <Select.Option value="orange">Orange</Select.Option>
    <Select.Option value="banana">Banana</Select.Option>
    <Select.Option value="mango">Mango</Select.Option>
    <Select.Option value="kiwi" disabled>
      Kiwi (Out of stock)
    </Select.Option>
    <Select.Option value="strawberry">Strawberry</Select.Option>
    <Divider margin={0.5} />
    <Menu.Item distribution="fill" spacing={1}>
      <Button title="Action 1" size="sm" />
      <Button title="Action 2" size="sm" />
    </Menu.Item>
  </Select>
)