'use client';
import { ArrowLongLeftIcon } from '@heroicons/react/24/solid';
import { useRouter } from 'next/navigation';

export function Controls() {
  const router = useRouter();

  return (
    <div className="flex w-full flex-row px-5 pt-5">
      <button
        className="flex flex-row items-center gap-2 text-sm"
        type="button"
        onClick={(e) => {
          e.preventDefault();
          router.back();
        }}
      >
        <ArrowLongLeftIcon className="h-5 w-5" />
        Назад
      </button>
    </div>
  );
}