Commentaries

{
  "content": "Should the Lakers trade AD?",
  "persona_ids": ["..."],
  "output_types": ["text", "audio"]
}

{
  "commentary_id": "comm-abc123-...",
  "persona": {
    "id": "persona-xyz-...",
    "name": "Coach Mike",
    "image_url": "https://..."
  },
  "content": "Look, AD is still one of the best two-way players in the league...",
  "audio_url": "https://storage.unleeshed.ai/audio/comm-abc123.mp3",
  "video_url": null
}

const response = await fetch(
  `https://prod.api.unleeshed.ai/partner/v1/topics/${topicId}/commentaries`,
  { headers: { 'X-Api-Key': apiKey } }
);

const { data } = await response.json();
// data.commentaries = array of all completed commentaries

function TopicCommentaries({ commentaries }) {
  return (
    <div className="commentaries">
      {commentaries.map(c => (
        <article key={c.commentary_id}>
          <header>
            <img src={c.persona.image_url} alt={c.persona.name} />
            <h3>{c.persona.name}</h3>
          </header>
          <p>{c.content}</p>
          {c.audio_url && <AudioPlayer src={c.audio_url} />}
        </article>
      ))}
      <footer>Powered by Unleeshed</footer>
    </div>
  );
}