import { useLeadModal } from '../context/LeadModalContext.jsx';
import './FloatingBookingButton.css';

export default function FloatingBookingButton() {
  const { open } = useLeadModal();

  return (
    <button
      type="button"
      className="btn btn--coral floating-booking"
      onClick={() => open({ form: 'appointment' })}
      aria-haspopup="dialog"
    >
      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
        <rect x="3" y="5" width="18" height="16" rx="3" />
        <path d="M16 3v4M8 3v4M3 11h18M9 16h6M12 13v6" />
      </svg>
      Записаться
    </button>
  );
}