App-8.js

import React from 'react'
import styles from './SpaceNavigator.scss'
import classNames from 'classnames/bind'
import LeftIcon from 'react-icons/lib/md/chevron-left'
import RightIcon from 'react-icons/lib/md/chevron-right'

const cx = classNames.bind(styles)

const SpaceNavigator = ({ onPrev, onNext }) => {
  return (
    <div className={cx('space-navigator')}>
      <div className={cx('left', 'end')}>
        <div className={cx('circle')} onClick={onPrev}>
          <LeftIcon />
        </div>
      </div>
      <div className={cx('right', 'end')}>
        <div className={cx('circle')} onClick={onNext}>
          <RightIcon />
        </div>
      </div>
    </div>
  )
}

export default SpaceNavigator