import React from 'react';
import ScrollIntoViewIfNeeded from 'react-scroll-into-view-if-needed';


const ToggleScrollComponent = () => {
  const [showDrilldown, setShowDrilldown] = React.useState(false);

  return (
    <div className='wrapper'>
      <button onClick={() => setShowDrilldown(!showDrilldown)}>Show drilldown</button>
      {showDrilldown && (
        <ScrollIntoViewIfNeeded key={Math.random().toString()} options={{ behavior: 'smooth', scrollMode: 'always', }}>
          <div className='also could be component'>
            Hey there! Ya Scrolled!
          </div>
        </ScrollIntoViewIfNeeded>
      )}
    </div>
  );
}