import React, { memo } from "react";
import { AnimatePresence } from "framer-motion";

function ImageList({ children, className = "" }) {
  return (
    <AnimatePresence mode="popLayout">
      <div
        className={`flex flex-col gap-2 ${className}`}
        role="list"
        aria-label="Image list"
      >
        {children}
      </div>
    </AnimatePresence>
  );
}

export default memo(ImageList);