import { PortableText } from 'next-sanity'
import CTAList from '@/ui/CTAList'

export default function Callout({
	content,
	ctas,
}: Partial<{
	content: any
	ctas: Sanity.CTA[]
}>) {
	return (
		<section className="section">
			<div className="section grid max-w-screen-lg items-center gap-12 gap-y-6 rounded bg-accent/5 md:grid-cols-[2fr,1fr]">
				<div className="richtext">
					<PortableText value={content} />
				</div>

				<CTAList className="m-auto" ctas={ctas} />
			</div>
		</section>
	)
}