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

function SliderPrevArrow(
  props: DetailedHTMLProps<HTMLAttributes<HTMLButtonElement>, HTMLButtonElement>
) {
  const { className, style, onClick } = props;
  return (
    <button
      className={`${styles.arrow} ${className}`}
      style={style}
      onClick={onClick}
    >
      <Arrow />
    </button>
  );
}

export default SliderPrevArrow;
