'use client';

import React from 'react';
import type { Block } from './BlockRenderer';

export default function ImageBlock({ block }: { block: Block }) {
  return (
    <div className="my-1">
      <img
        src={block.image_url}
        alt={block.alt_text || ''}
        className="max-w-full rounded-lg"
        loading="lazy"
      />
      {block.title && (
        <p className="mt-1 text-xs text-gray-400">{block.title.text}</p>
      )}
    </div>
  );
}