import React from 'react'; import { TouchableHighlight } from 'react-native'; import { connect } from 'react-redux'; import { Icon } from '../../base/font-icons'; import AbstractToolbarButton from './AbstractToolbarButton'; /** * Represents a button in {@link Toolbar} on React Native. * * @extends AbstractToolbarButton */ class ToolbarButton extends AbstractToolbarButton { /** * {@code ToolbarButton} component's property types. * * @static */ static propTypes = { ...AbstractToolbarButton.propTypes, /** * Indicates whether this {@code ToolbarButton} is disabled. */ disabled: React.PropTypes.bool }; /** * Renders the button of this {@code ToolbarButton}. * * @param {Object} children - The children, if any, to be rendered inside * the button. Presumably, contains the icon of this {@code ToolbarButton}. * @protected * @returns {ReactElement} The button of this {@code ToolbarButton}. */ _renderButton(children) { const props = {}; 'disabled' in this.props && (props.disabled = this.props.disabled); 'onClick' in this.props && (props.onPress = this._onClick); 'style' in this.props && (props.style = this.props.style); 'underlayColor' in this.props && (props.underlayColor = this.props.underlayColor); return React.createElement(TouchableHighlight, props, children); } // eslint-disable-next-line valid-jsdoc /** * @inheritdoc */ _renderIcon() { return super._renderIcon(Icon); } } export default connect()(ToolbarButton);