// @ts-ignore
import React, { useEffect, useState } from 'react';
import { SelectCustom, TreeSelectCustom, Option, OptGroup, SHOW_PARENT } from '../index';
import { HomeOutlined } from '@ant-design/icons';
import './index.less';

const Demo2 = (props) => {
  const handleChange = (value) => {
    console.log(`selected ${value}`);
  };
  return (
    <SelectCustom
      defaultValue="丽江水厂"
      style={{
        width: 150,
      }}
      onChange={handleChange}
      showSearch={true}
      prefixIcon={<HomeOutlined />}
      options={[
        {
          value: '丽江水厂',
          label: '丽江水厂',
        },
        {
          value: '崇左水厂',
          label: '崇左水厂',
        },
      ]}
    />
  );
};

export default Demo2;