"use client"

import React from "react"

import { useQueryStringParams } from "@/lib/hooks"
import { VideoPreview } from "@/components/interface"

// we are going to need to do the same thing on AiTube's side,
// which is a waste of time of energy.. possibles alternatives are
// to put all the codebase in a shared NPM package, or just move everything
// to AiTube, then display an iframe widget similar to what Hugging
// Face does for Spaces, and call it a day.
//
// we could also make it in a way where only the rendering is done
// on AiTube's side, as if it was a YouTube player or something!
// but the problem is that we would need to POST the .clap, or host it
// (it won't fit in the iframe query params)

export function Portal() {
  useQueryStringParams()
  return (
    <VideoPreview embed />
  );
}