'use client';
import { useRouter } from 'next/navigation';

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

  return (
    <div className="lg:w-standard flex w-full flex-row px-5 pt-5">
      <button
        className="flex flex-row gap-2"
        type="button"
        onClick={(e) => {
          e.preventDefault();
          router.back();
        }}
      >
        <svg
          xmlns="http://www.w3.org/2000/svg"
          fill="none"
          viewBox="0 0 24 24"
          strokeWidth="1.5"
          stroke="currentColor"
          className="h-6 w-6"
        >
          <path
            strokeLinecap="round"
            strokeLinejoin="round"
            d="M6.75 15.75L3 12m0 0l3.75-3.75M3 12h18"
          />
        </svg>
        Назад
      </button>
    </div>
  );
}
