import { TreeSelect, Row, Col } from '@btri-ui/base';
import React, { useState } from 'react';
const treeData = [
  {
    title: 'Node1',
    value: '0-0',
    key: '0-0',
    children: [
      {
        title: 'Child Node1',
        value: '0-0-0',
        key: '0-0-0',
      },
    ],
  },
  {
    title: 'Node2',
    value: '0-1',
    key: '0-1',
    children: [
      {
        title: 'Child Node3',
        value: '0-1-0',
        key: '0-1-0',
      },
      {
        title: 'Child Node4',
        value: '0-1-1',
        key: '0-1-1',
      },
      {
        title: 'Child Node5',
        value: '0-1-2',
        key: '0-1-2',
      },
    ],
  },
];

const App = () => {
  const [value, setValue] = useState(['0-0-0']);

  const onChange = newValue => {
    console.log('onChange ', value);
    setValue(newValue);
  };

  const tProps = {
    treeData,
    value,
    onChange,
    treeCheckable: true,
  };
  return (
    <Row autoMode>
      <Col span={4}>
        <TreeSelect {...tProps} />
      </Col>
    </Row>
  );
};

export default App;
