import React from "react" import { ChevronRightIcon } from "@/components/Icons" import Image from "@/components/Image" import Button from "@/components/TempDesignSystem/Button" import Link from "@/components/TempDesignSystem/Link" import Body from "@/components/TempDesignSystem/Text/Body" import Subtitle from "../Text/Subtitle" import { contentCardVariants } from "./variants" import styles from "./contentCard.module.css" import type { ContentCardProps } from "@/types/components/contentCard" export default function ContentCard({ title, description, primaryButton, secondaryButton, sidePeekButton, backgroundImage, style = "default", alwaysStack = false, className, }: ContentCardProps) { const cardClasses = contentCardVariants({ style, alwaysStack, className }) return (
{backgroundImage && (
{backgroundImage.meta?.alt
)}
{title} {description} {!!sidePeekButton ? ( ) : (
{primaryButton && ( )} {secondaryButton && ( )}
)}
) }