import { DetailedHTMLProps, HTMLAttributes } from "react";
import styles from "./styles.module.css";
import Arrow from "../SliderNextArrow/arrow.svg";

function SliderPrevArrow(
  props: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>
) {
  const { className, style, onClick } = props;
  return (
    <img
      src={Arrow}
      className={`${styles.arrow} ${className}`}
      style={{ ...style, display: "block" }}
      onClick={onClick}
    />
  );
}

export default SliderPrevArrow;
