dana-medical-site/web/src/components/FloatingBookingButton.jsx
2026-10-20 13:08:40 +00:00

22 lines
718 B
JavaScript

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>
);
}