interface FABProps {
  icon?: string;
  label?: string;
  onClick?: () => void;
}

/** Floating action button — fixed bottom-right. */
export function FAB({ icon = "+", label, onClick }: FABProps) {
  return (
    <button
      onClick={onClick}
      class="fixed bottom-6 right-6 z-40 flex items-center gap-2 rounded-full shadow-lg text-white transition-all hover:scale-105"
      style={{ background: "var(--z-accent)", padding: label ? "12px 20px" : "14px", fontSize: label ? "var(--z-font-md)" : "20px" }}
    >
      <span>{icon}</span>
      {label && <span class="text-sm font-medium">{label}</span>}
    </button>
  );
}
