/**
 * title: "多选级联"
 * description: "展示基本的多选用法。"
 */
import React from 'react';
import { CascaderSelect } from '@alicloud/console-components';

const childrenDataSouce = [
  {
    value: '1000101',
    label: '默认项',
  },
  {
    value: '1000102',
    label: '聚焦项',
  },
  {
    value: '1000103',
    label: '文本信息 选中项',
  },
  {
    value: '1000104',
    label: '文本信息 选中项',
    disabled: true,
  },
];
const cascaderDataSource = [
  {
    value: '10001',
    label: '默认项',
    children: childrenDataSouce,
  },
  {
    value: '10002',
    label: '聚焦项',
    children: childrenDataSouce,
  },
  {
    value: '10003',
    label: '选中项',
    children: childrenDataSouce,
  },
  {
    value: '10004',
    label: '失败项',
    children: childrenDataSouce,
    checkboxDisabled: true,
  },
];

export default function App() {
  return (
    <div className="App">
      <CascaderSelect
        multiple
        style={{
          width: '302px',
        }}
        dataSource={cascaderDataSource}
      />
    </div>
  );
}