15 lines
640 B
TypeScript
15 lines
640 B
TypeScript
export function HeartQuote({ quote }: { quote: string }) {
|
|
return (
|
|
<blockquote className="mt-12 bg-wedding-cream px-wedding-gutter-mobile py-12 text-center wedding-md:px-wedding-gutter-phone">
|
|
<p className="font-wedding-display text-wedding-medium italic leading-wedding-display text-wedding-terracotta">
|
|
“{quote}”
|
|
</p>
|
|
<div className="mx-auto mt-8 flex max-w-xs items-center gap-4 text-wedding-terracotta">
|
|
<span className="h-px flex-1 bg-wedding-line" />
|
|
<span aria-hidden="true">♥</span>
|
|
<span className="h-px flex-1 bg-wedding-line" />
|
|
</div>
|
|
</blockquote>
|
|
)
|
|
}
|