import { RedditEmbedPreview, TikTokEmbedPreview } from "embed-card"
import { resolveEmbed } from "embed-card/manual"

export function CustomShell({ url }: { url: string }) {
  const embed = resolveEmbed(url)

  if (embed.renderer.type === "iframe") {
    return (
      <iframe
        allow={embed.renderer.allow}
        src={embed.renderer.src}
        title={embed.renderer.title}
      />
    )
  }

  if (embed.renderer.type === "reddit_client") {
    return <RedditEmbedPreview postUrl={embed.renderer.postUrl} />
  }

  if (embed.renderer.type === "tiktok_client") {
    return <TikTokEmbedPreview shareUrl={embed.renderer.shareUrl} />
  }

  if (embed.renderer.type === "link") {
    return <a href={embed.renderer.href}>{embed.displayUrl}</a>
  }

  return <p>{embed.renderer.message}</p>
}