'use client';
import React from 'react';
import Image from 'next/image';
import { useRouter } from 'next/navigation';

//public
import backArrow from '../../../../public/icons/arrow left.svg';

const BackArrow = () => {
  const router = useRouter();
  return (
    <>
      <button type="button" onClick={() => router.back()}>
        <Image src={backArrow} alt="Filter Icon" />
      </button>
    </>
  );
};

export default BackArrow;