"use client";

import { ChevronLeft } from "lucide-react";

import styles from "./auth-back-button.module.css";

export interface AuthBackButtonProps {
  onClick: () => void;
}

export function AuthBackButton({ onClick }: AuthBackButtonProps) {
  return (
    <button
      type="button"
      className={styles.backButton}
      onClick={onClick}
      aria-label="Back"
    >
      <ChevronLeft size={20} strokeWidth={2.5} aria-hidden="true" />
    </button>
  );
}
