"use client";

import { habitsDict } from "@/features/habits/dict";

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

export function HabitsFab({ onClick }: HabitsFabProps) {
  return (
    <button
      type="button"
      aria-label={habitsDict.addHabit}
      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>
  );
}