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

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

export default SliderNextArrow;
