in beta/src/components/MDX/MDXComponents.tsx [170:203]
function Illustration({
caption,
src,
alt,
author,
authorLink,
children,
}: {
caption: string;
src: string;
alt: string;
author: string;
authorLink: string;
children: any;
}) {
return (
<div className="my-16 mx-0 2xl:mx-auto max-w-4xl 2xl:max-w-6xl">
<figure className="my-8 flex justify-center">
<img
src={src}
alt={alt}
style={{maxHeight: 300}}
className="bg-white rounded-lg"
/>
{caption ? (
<figcaption className="text-center leading-tight mt-4">
{caption}
</figcaption>
) : null}
</figure>
{author ? <AuthorCredit author={author} authorLink={authorLink} /> : null}
</div>
);
}