import { Link } from 'react-router';
import { ArrowLeft } from 'lucide-react';
import { cn } from 'helpers/cn';

type BackButtonProps = { label: string; href: string; className?: string };
export const BackButton = ({ label, href, className }: BackButtonProps) => {
  return (
    <Link to={href} className={cn('flex items-center text-lg text-gray-600 underline dark:text-gray-300', className)}>
      <ArrowLeft className="mr-1 h-4 w-4" />
      {label}
    </Link>
  );
};