import React from 'react';
import { useRouter } from 'next/navigation';
import BackArrow from "@/shared/icons/dashboard/groups/back-arrow.svg"; // Adjust the import path as necessary


const ButtonBack: React.FC<{ label?: string }> = ({ label = 'Back' }) => {
    const router = useRouter();

    const handleBack = () => {
        router.back();
    };

    return (
        <button onClick={handleBack} type="button" className='cursor-pointer hover:underline flex items-center gap-2'>
            <BackArrow />
            {label}
        </button>
    );
};

export default ButtonBack;