---
interface Props {
	node: {
		_key?: string;
		headline?: string;
		testimonials: Array<{
			quote: string;
			author: string;
			role?: string;
			company?: string;
		}>;
	};
}

const { node } = Astro.props;
const { headline, testimonials } = node;
---

{headline && <h2>{headline}</h2>}

{testimonials?.map((t) => (
	<blockquote>
		<p>"{t.quote}"</p>
		<footer>
			<cite>{t.author}</cite>
			{t.role && <span>{t.role}{t.company && ` at ${t.company}`}</span>}
		</footer>
	</blockquote>
))}