/* Ornaments - small SVG decorations, kept simple */
const Diamond = ({ size = 8, color = "#a88753" }) =>
;
const Divider = ({ children }) => (
{children && {children}}
);
/* Ornamental flourish - a simple horizontal motif */
const Flourish = ({ width = 120, color = "#a88753" }) => (
);
/* Decorative initials banner */
const Crest = ({ initials = "É & T" }) => (
);
/* ============================================================
Décor floral (aquarelle stylisée) — pivoines, feuillage,
boutons safran et touches dorées/ivoire. Tout en SVG inline.
============================================================ */
const FlowerPetal = ({ cx, cy, r, angle, fill, opacity = 0.95 }) => {
const rad = (angle * Math.PI) / 180;
const d = r * 0.5;
const px = cx + Math.cos(rad) * d;
const py = cy + Math.sin(rad) * d;
return (
);
};
/* Une pivoine : 2 couronnes de pétales + cœur doré.
`grad` = préfixe des dégradés définis dans le du cluster. */
const Peony = ({ cx, cy, r, grad }) => {
const outer = Array.from({ length: 9 }, (_, i) => i * 40);
const inner = Array.from({ length: 7 }, (_, i) => i * 51 + 22);
const heart = Array.from({ length: 7 }, (_, i) => i);
return (
{outer.map((a) => )}
{inner.map((a) => )}
{heart.map((i) => {
const a = (i * 51 * Math.PI) / 180;
return ;
})}
);
};
const Leaf = ({ x, y, len, angle, fill, opacity = 1 }) => {
const p = `M0 0 C ${len * 0.42} ${-len * 0.28} ${len * 0.42} ${-len * 0.82} 0 ${-len} C ${-len * 0.42} ${-len * 0.82} ${-len * 0.42} ${-len * 0.28} 0 0 Z`;
return (
);
};
/* Petit bouton safran avec calice vert. */
const Bud = ({ x, y, angle = 0 }) => (
);
/* Cluster floral complet, dessiné dans un coin (viewBox 320x380). */
const FlowerCluster = ({ id }) => (
);
/* Décor latéral retiré : la photo de fond fait désormais office de décor. */
const SideFlowers = () => null;
Object.assign(window, { Diamond, Divider, Flourish, Crest, SideFlowers });