"use client" import { AnimatePresence, motion } from "framer-motion" import ArrowRightIcon from "@/components/Icons/ArrowRight" import CloseIcon from "@/components/Icons/Close" import Image from "@/components/Image" import Button from "@/components/TempDesignSystem/Button" import Body from "@/components/TempDesignSystem/Text/Body" import Caption from "@/components/TempDesignSystem/Text/Caption" import styles from "./Lightbox.module.css" import type { FullViewProps } from "@/types/components/lightbox/lightbox" export default function FullView({ image, onClose, onNext, onPrev, currentIndex, totalImages, }: FullViewProps) { return (
{`${currentIndex + 1} / ${totalImages}`}
{image.alt}
{image.title && {image.title}}
) }