import React from 'react';

interface SingleImageDisplayProps {
  imageUrl: string;
  title: string;
}

const SingleImageDisplay: React.FC<SingleImageDisplayProps> = ({ imageUrl, title }) => {
  return (
    <div className="flex items-center justify-center h-full">
      <div className="h-[640px] overflow-clip relative rounded-[10px] w-[960px]">
        <img
          data-layer="单图展示"
          className="w-full h-full object-cover"
          src={imageUrl}
          alt={title}
        />
      </div>
    </div>
  );
};

export default SingleImageDisplay;