"use client";

import { PhoneCall } from "lucide-react";
import { offices } from "@/lib/site-config";

export function FloatingCallButton() {
  const vaOffice = offices.find((o) => o.id === "va");

  if (!vaOffice) return null;

  return (
    <a
      href={vaOffice.phoneHref}
      className="fixed bottom-4 right-4 z-40 inline-flex h-12 items-center justify-center rounded-full bg-emerald-500 px-4 text-sm font-semibold text-white shadow-lg shadow-emerald-500/40 hover:bg-emerald-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-emerald-300"
    >
      <span className="mr-2 inline-flex h-8 w-8 items-center justify-center rounded-full bg-emerald-700">
        <PhoneCall className="h-4 w-4" />
      </span>
      Call Ghion Financial
    </a>
  );
}

