Yuva discussions hooks

import { useDiscussions, YuvaDiscussionsProvider } from "@/hooks/use-yuva-discussions"

function Titles() {
  const { discussions, loading } = useDiscussions("/docs/getting-started", "top")
  if (loading) return null
  return (
    <ul>
      {discussions.map((discussion) => (
        <li key={discussion.id}>{discussion.title}</li>
      ))}
    </ul>
  )
}

export function Docs() {
  return (
    <YuvaDiscussionsProvider
      server={process.env.NEXT_PUBLIC_YUVA_SERVER}
      channel={process.env.NEXT_PUBLIC_YUVA_CHANNEL}
    >
      <Titles />
    </YuvaDiscussionsProvider>
  )
}