next.js/examples/cms-agilitycms/components/cover-image.tsx
cover-image.tsx28 lines593 B
import Image from "../lib/components/image";
import cn from "classnames";
import Link from "next/link";

export default function CoverImage({ title, responsiveImage, slug = null }) {
  const image = (
    <Image
      data={{
        ...responsiveImage,
      }}
      className={cn("shadow-small", {
        "hover:shadow-medium transition-shadow duration-200": slug,
      })}
    />
  );
  return (
    <div className="sm:mx-0">
      {slug ? (
        <Link href={`/posts/${slug}`} aria-label={title}>
          {image}
        </Link>
      ) : (
        image
      )}
    </div>
  );
}
Quest for Codev2.0.0
/
SIGN IN