import Image from 'next/image'; import { cn } from '@/lib/utils'; import Link from 'next/link'; import { SquareArrowOutUpRightIcon } from 'lucide-react'; export const TemplateListItem = ({ name, description, imageUrls, href, tags, isComingSoon, isNew, }: { name: string; description: string; imageUrls: string[]; href: string; tags: string[]; isComingSoon?: boolean; isNew?: boolean; }) => { return (

{name}{' '} {isNew ? ( New ) : null} {isComingSoon ? ( Coming Soon ) : null}

{description}


{!isComingSoon ? ( View template ) : null}
{!isComingSoon ? (
{name} {name} {name}
{tags.map((tag, index) => ( {tag} ))}
) : (
Coming Soon
)}
); };