/* global React */
// ============================================================
// Logo: gold "CC" double-crescent monogram + "COVENT CLINIC"
// Reconstructed from the reception-wall reference photo.
// ============================================================
// Two interlocking crescents — left-facing C + right-facing C — gold gradient.
const CCMonogram = ({ size = 64, color }) => {
const useGrad = !color;
const fill = useGrad ? "url(#ccGoldGrad)" : color;
return (
);
};
const Wordmark = ({ height = 18, color }) => (
Covent Clinic
);
// Logo lockup: monogram + wordmark stacked or inline
const LogoLockup = ({ size = 40, inline = false, color }) => {
if (inline) {
return (
);
}
return (
);
};
// Neon face-profile mark (secondary device, traced from clinic signage)
const NeonFace = ({ width = 220, glow = true }) => (
);
// Stars
const Stars = ({ value = 5, size = 14, color = "var(--gold)" }) => {
const full = Math.floor(value);
const half = value - full >= 0.4 && value - full < 0.9;
const filled = (i) => i < full || (i === full && half);
return (
{[0, 1, 2, 3, 4].map((i) => (
))}
);
};
// WhatsApp icon
const WhatsAppIcon = ({ size = 18, color = "currentColor" }) => (
);
const PhoneIcon = ({ size = 16 }) => (
);
const PinIcon = ({ size = 16 }) => (
);
const ChevronRight = ({ size = 14 }) => (
);
const ChevronDown = ({ size = 14 }) => (
);
const CheckIcon = ({ size = 14, color = "currentColor" }) => (
);
Object.assign(window, {
CCMonogram, Wordmark, LogoLockup, NeonFace, Stars,
WhatsAppIcon, PhoneIcon, PinIcon, ChevronRight, ChevronDown, CheckIcon,
});