department-of-veterans-affairs/vets-website

import React from 'react';
import PropTypes from 'prop-types';

const SectionGuideButton = props => {
  return (
    <div className="va-btn-sidebarnav-trigger">
      <div className="button-background" />
      <div className="button-wrapper">
        <button
          aria-controls="va-detailpage-sidebar"
          onClick={() => {
            props.onMenuClick();
          }}
          type="button"
          data-testid="section-guide-button"
        >
          <span className="vads-u-font-weight--bold">In this section</span>
          <va-icon icon="menu" size={3} aria-hidden="true" />
        </button>
      </div>
    </div>
  );
};

SectionGuideButton.propTypes = {
  sectionName: PropTypes.string,
  onMenuClick: PropTypes.func,
};

export default SectionGuideButton;