import React from 'react';

import ArrowButton from 'components/arrow-button';

const CustomArrow = (props: any): JSX.Element => {
  const { onClick, className, iconColour } = props;

  return (
    <div
      className={className}
      style={{
        top: props.arrowOffset ? props.arrowOffset : undefined
      }}
    >
      <ArrowButton
        onClick={onClick}
        iconColour={iconColour}
        direction={props.direction === 'previous' ? 'left' : 'right'}
      />
    </div>
  );
}

export default CustomArrow;