interface ImagePlaceholderProps {
  label: string
  className?: string
  aspectRatio?: string
}

export function ImagePlaceholder({ label, className = '', aspectRatio }: ImagePlaceholderProps) {
  return (
    <div
      className={`flex items-center justify-center overflow-hidden border border-dashed border-[#9db6d3] bg-[#edf4fb] text-center text-sm font-medium text-[#55749c] ${className}`}
      style={aspectRatio ? { aspectRatio } : undefined}
    >
      <span className="px-5 leading-6">
        <span className="block">{label || '暂无图片'}</span>
      </span>
    </div>
  )
}
