Files
community-rule/app/components/QuoteDecor.js
T
2025-08-25 15:52:39 -06:00

43 lines
945 B
JavaScript

"use client";
const QuoteDecor = ({ className = "" }) => {
return (
<svg
className={`text-[var(--color-surface-inverse-brand-primary)] opacity-100 ${className}`}
viewBox="0 0 1242 163"
aria-hidden="true"
overflow="visible"
preserveAspectRatio="xMidYMid slice"
>
<g fill="currentColor">
{/* First ellipse - top left */}
<ellipse
cx="590"
cy="40"
rx="90"
ry="40"
transform="rotate(-35 600 80)"
/>
{/* Second ellipse - middle */}
<ellipse
cx="608"
cy="100"
rx="90"
ry="40"
transform="rotate(-35 600 80)"
/>
{/* Third ellipse - bottom right */}
<ellipse
cx="610"
cy="155"
rx="90"
ry="40"
transform="rotate(-35 600 80)"
/>
</g>
</svg>
);
};
export default QuoteDecor;