<script>
import Select, { Option } from '../index'
import '../assets/index.less'

export default {
  methods: {
    onChange (value, options) {
      console.log(`selected ${value}`)
    },
  },

  render () {
    const cases = {
      0: { name: 'Case 1' },
      1: { name: 'Case 2' },
      2: { name: 'Case 3' },
    }
    return (<div>
      <h2>Select optionLabelProp</h2>
      <Select style={{ width: '500px' }} optionLabelProp='children' multiple allowClear>
        {
          Object.keys(cases).map(key => (
            <Option key={key} value={key}>{cases[key].name}</Option>
          ))
        }
      </Select>
    </div>)
  },
}
</script>