text: /**
   * Copyright Zendesk, Inc.
   *
   * Use of this source code is governed under the Apache License, Version 2.0
   * found at http://www.apache.org/licenses/LICENSE-2.0.
   */
  
  import PropTypes from 'prop-types';
  import styled from 'styled-components';
  import { retrieveTheme } from '@zendeskgarden/react-theming';
  import MenuStyles from '@zendeskgarden/css-menus';
  
  import Item from './Item';
  
  const COMPONENT_ID = 'menus.next_item';
  
  /**
   * Accepts all `<li>` props
   */
  const NextItem = styled(Item).attrs(({ className }) => ({
    'data-garden-id': COMPONENT_ID,
    'data-garden-version': PACKAGE_VERSION,
    className: `${className} ${MenuStyles['c-menu__item--next']}`
  }))`
    ${props => retrieveTheme(COMPONENT_ID, props)};
  `;
  
  NextItem.propTypes = {
    active: PropTypes.bool,
    focused: PropTypes.bool,
    hovered: PropTypes.bool,
    disabled: PropTypes.bool
  };
  
  NextItem.hasType = () => NextItem;
  
  /** @component */
  export default NextItem;
  