import React from 'react';

import {
  TreeComponent
} from '@alicloud/console-components';

import {
  ITestingProps
} from '../../../types';

export default function ByChildren({
  component
}: ITestingProps<TreeComponent>): JSX.Element {
  const Tree = component;
  
  return <Tree {...{
    checkable: true,
    editable: true,
    defaultExpandedKeys: ['2'],
    defaultCheckedKeys: ['2', '4', '5']
  }}>
    <Tree.Node key="1" label="Component">
      <Tree.Node key="2" label="Form" selectable={false}>
        <Tree.Node key="4" label="Input" />
        <Tree.Node key="5" label="Select" disabled />
      </Tree.Node>
      <Tree.Node key="3" label="Display" draggable>
        <Tree.Node key="6" label="Table" editable draggable />
        <Tree.Node key="7" label="Table" editable draggable />
      </Tree.Node>
    </Tree.Node>
  </Tree>;
}