import { usePage } from '@corvex/theme-sdk';

export default function BlogListingSection() {
  const { blog, articles } = usePage('blog');
  const nodes = articles?.nodes ?? [];

  return (
    <section>
      <h1>{blog?.title}</h1>
      <ul>
        {nodes.map((article) => (
          <li key={article.id}>
            <a href={article.url}>{article.title}</a>
            {article.excerpt ? <p>{article.excerpt}</p> : null}
          </li>
        ))}
      </ul>
    </section>
  );
}

import { usePage } from '@corvex/theme-sdk';

export default function ArticleSection() {
  const { article, blog } = usePage('article');

  if (!article) {
    return <p>Artigo não encontrado.</p>;
  }

  return (
    <article>
      <p>{blog?.title}</p>
      <h1>{article.title}</h1>
      {article.bodyHtml ? (
        <div dangerouslySetInnerHTML={{ __html: article.bodyHtml }} />
      ) : (
        <p>{article.excerpt}</p>
      )}
    </article>
  );
}