SplitButton

import { MenuItem } from 'components/bootstrap';

const styles = ['Primary', 'Danger', 'Warning', 'Success', 'Info', 'Link', 'Default'];

styles.map((style) => {
  const styleName = style.toLowerCase();
  return (
    <span key={`split-button-${styleName}`}>
      <SplitButton title={style} bsStyle={styleName} id={`split-button-${styleName}`}>
        <MenuItem header>Header</MenuItem>
        <MenuItem eventKey="1">Default</MenuItem>
        <MenuItem eventKey="2" active>
          Active
        </MenuItem>
        <MenuItem eventKey="4" disabled>
          Disabled
        </MenuItem>
        <MenuItem divider />
        <MenuItem eventKey="5">Separated</MenuItem>
      </SplitButton>{' '}
    </span>
  );
});