/**
 * @class Ext.SplitButton
 * @extend Ext.Button
 * @xtype splitbutton
 *
 * A split button that provides a built-in dropdown arrow that can fire an event separately from the default click event
 * of the button. Typically this would be used to display a dropdown menu that provides additional options to the
 * primary button action, but any custom handler can provide the arrowclick implementation.
 *
 * ## Example usage:
 *
 *     @example packages=[reactor]
 *     import React, { Component } from 'react';
 *     import { Container, SplitButton } from '@extjs/ext-react';
 *
 *      export default class SplitButtonExample extends Component {
 *
 *          render() {
 *              return (
 *                  <Container padding="10" layout="vbox">
 *                      <SplitButton 
 *                          text="SplitButton" 
 *                          handler={this.sayHello} 
 *                          ui="action alt" 
 *                          iconCls="x-fa fa-heart"
 *                          {...menuProps} margin="10"
 *                      />
 *                  </Container>
 *              )
 *          }
 *          sayHello = () => {
 *              alert("Hello! The button was clicked");
 *          }
 *     }
 *     const menuProps ={
 *         menu: [{
 *             text: 'Menu Item 1',
 *             handler: function(){ alert("Item 1 clicked"); }
 *         }, {
 *             text: 'Menu Item 2',
 *             handler: function(){ alert("Item 2 clicked"); }
 *         }]
 *     }
 */
 
/**
* @cfg {Function} [arrowHandler=null]
* The arrow handler function to run when the Button is tapped on.
* @controllable
*/