"use client";

import { HeadphonesIcon } from "lucide-react";

export function FloatingActionButtons() {
  return (
    <div className="fixed right-6 bottom-40 z-50 flex flex-col gap-4 items-end">
      {/* Help Button */}
      <button className="flex items-center justify-center gap-2 bg-[#d32f2f] text-white rounded-full px-5 py-3 shadow-lg hover:bg-[#b71c1c] transition-all hover:scale-105 group">
        <HeadphonesIcon className="w-5 h-5" />
        <span className="font-bold text-sm hidden md:block">Bantuan</span>
      </button>
    </div>
  );
}