import React from 'react'
import { Tree, TreeNodeKey } from 'react-icecream'

import { treeData } from './tree-data'

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

  return (
    <Tree
      treeData={treeData}
      defaultExpandedKeys={['1', '2']}
      onExpandedKeysChange={handleExpandedKeysChange}
    />
  )
}