function Illustration()

in beta/src/components/MDX/MDXComponents.tsx [197:230]


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>
  );
}