Yuva subscribe hook

import { useYuvaSubscribe } from "@/hooks/use-yuva-subscribe"

export function Lists() {
  const { lists, states, setSubscribed } = useYuvaSubscribe({
    server={process.env.NEXT_PUBLIC_YUVA_SERVER}
    channel={process.env.NEXT_PUBLIC_YUVA_CHANNEL},
  })

  return (
    <ul>
      {lists.map((list) => (
        <li key={list.id}>
          {list.name}
          <button onClick={() => void setSubscribed(list.id, states[list.id] !== "subscribed", "I agree")}>
            {states[list.id] === "subscribed" ? "Unsubscribe" : "Subscribe"}
          </button>
        </li>
      ))}
    </ul>
  )
}