content: import PropTypes from 'prop-types';
  import React from 'react';
  import Menu from 'Components/Menu/Menu';
  import ToolbarMenuButton from 'Components/Menu/ToolbarMenuButton';
  import { icons } from 'Helpers/Props';
  import translate from 'Utilities/String/translate';
  
  function ViewMenu(props) {
    const {
      children,
      isDisabled,
      ...otherProps
    } = props;
  
    return (
      <Menu
        {...otherProps}
      >
        <ToolbarMenuButton
          iconName={icons.VIEW}
          text={translate('View')}
          isDisabled={isDisabled}
        />
        {children}
      </Menu>
    );
  }
  
  ViewMenu.propTypes = {
    children: PropTypes.node.isRequired,
    isDisabled: PropTypes.bool.isRequired
  };
  
  ViewMenu.defaultProps = {
    isDisabled: false
  };
  
  export default ViewMenu;
  