"use client";

import { tasksDict } from "@/features/tasks/dict";

type TasksFabProps = {
  onClick: () => void;
};

export function TasksFab({ onClick }: TasksFabProps) {
  return (
    <button
      type="button"
      aria-label={tasksDict.addTask}
      onClick={onClick}
      className="fixed bottom-28 end-4 z-40 inline-flex size-14 items-center justify-center rounded-2xl bg-gradient-to-br from-[#FF8C42] to-[#FFA500] text-white shadow-[0_12px_28px_rgba(255,140,66,0.4)] transition-transform hover:scale-105 sm:bottom-32 sm:end-6 sm:size-16"
    >
      <svg
        aria-hidden="true"
        className="size-7 sm:size-8"
        fill="none"
        viewBox="0 0 24 24"
        stroke="currentColor"
        strokeWidth={2.5}
      >
        <path d="M12 5v14M5 12h14" />
      </svg>
    </button>
  );
}