import React from 'react';

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

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

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