import React from 'react';

import {
  MenuButtonComponent
} from '@alicloud/console-components';
import {
  H3
} from '@alicloud/demo-rc-elements';

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

export default function Testing({
  component
}: ITestingProps<MenuButtonComponent>): JSX.Element {
  const MenuButton = component;
  
  return <>
    <H3>Some Case</H3>
    <MenuButton {...{
      type: 'primary',
      label: 'Edit Document',
      selectMode: 'multiple'
    }}>
      <MenuButton.Item key="undo">Undo</MenuButton.Item>
      <MenuButton.Item key="redo">Redo</MenuButton.Item>
      <MenuButton.Divider />
      <MenuButton.Group>
        <MenuButton.Item helper="CTRL + X">Cut</MenuButton.Item>
        <MenuButton.Item helper="CTRL + C">Copy</MenuButton.Item>
        <MenuButton.Item helper="CTRL + V">Paste</MenuButton.Item>
      </MenuButton.Group>
    </MenuButton>
  </>;
}