shivas-dosa/components/CustomArrow.js

export const NextArrow = (props) => {
  const { className, onClick } = props;
  return (
    <div className={className} onClick={onClick} style={{ right: 0, zIndex: 2 }}>
      <span style={{ fontSize: 24, color: "#333" }}>&#8594;</span>
    </div>
  );
};

export const PrevArrow = (props) => {
  const { className, onClick } = props;
  return (
    <div className={className} onClick={onClick} style={{ left: 0, zIndex: 2 }}>
      <span style={{ fontSize: 24, color: "#333" }}>&#8592;</span>
    </div>
  );
};