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 { teaserCardVariants } from "./variants" import styles from "./teaserCard.module.css" import type { TeaserCardProps } from "@/types/components/teaserCard" export default function TeaserCard({ title, description, primaryButton, secondaryButton, sidePeekButton, image, style = "default", alwaysStack = false, className, }: TeaserCardProps) { const cardClasses = teaserCardVariants({ style, alwaysStack, className }) return (
{image && (
{image.meta?.alt
)}
{title} {description} {!!sidePeekButton ? ( ) : (
{primaryButton && ( )} {secondaryButton && ( )}
)}
) }