20 lines
515 B
TypeScript
20 lines
515 B
TypeScript
export interface IQuote {
|
|
__component: 'shared.quote'
|
|
id: number
|
|
body: string
|
|
title?: string
|
|
}
|
|
|
|
export function Quote({ body, title }: Readonly<IQuote>) {
|
|
return (
|
|
<blockquote className="border-l-4 border-cyan-400 pl-6 py-4 my-6 bg-slate-800/30 rounded-r-lg">
|
|
<p className="text-xl italic text-gray-300 leading-relaxed">{body}</p>
|
|
{title && (
|
|
<cite className="block mt-4 text-cyan-400 not-italic font-medium">
|
|
— {title}
|
|
</cite>
|
|
)}
|
|
</blockquote>
|
|
)
|
|
}
|