import React from 'react';
import ReactDOM from 'react-dom';
import SplitButton from '..';

const { Item, Group, Divider } = SplitButton;

ReactDOM.render(
  <SplitButton
    label="Edit Document"
    onItemClick={key => console.log(key)}
  >
    <Item>Undo</Item>
    <Item>Redo</Item>
    <Divider />
    <Group>
      <Item helper="CTRL + X">Cut</Item>
      <Item helper="CTRL + C">Copy</Item>
      <Item helper="CTRL + V">Paste</Item>
    </Group>
  </SplitButton>,
  document.getElementById('split-button-demo-4'),
);