/**
 * desc: 可以直接写 `TreeNode` 代替 `treeData`
 */
import React from 'react'
import { Tree, TreeNodeKey, TreeNode } from 'react-icecream'

export default function Demo() {
  function handleExpandedKeysChange(keys: TreeNodeKey[]) {
    console.log('expanded keys: ', keys.toString())
  }

  return (
    <Tree
      defaultExpandedKeys={['1', '2']}
      onExpandedKeysChange={handleExpandedKeysChange}
    >
      <TreeNode nodeKey="1" title="root node 1">
        <TreeNode nodeKey="1-1" title="1-1">
          <TreeNode nodeKey="1-1-1" title="1-1-1" />
        </TreeNode>
        <TreeNode nodeKey="1-2" title="1-2" />
      </TreeNode>
      <TreeNode nodeKey="2" title="root node 2">
        <TreeNode nodeKey="2-1" title="2-1" />
        <TreeNode nodeKey="2-2" title="2-2" />
      </TreeNode>
    </Tree>
  )
}