import type { LandingConfig } from "@/lib/landing-default";
import { assetDisplayUrl } from "@/lib/asset-url";

type Props = {
  cfg: LandingConfig;
  className?: string;
};

export default function LandingBanner({ cfg, className = "" }: Props) {
  if (cfg.bannerType === "none" || !cfg.bannerUrl?.trim()) return null;

  return (
    <div className={`lp-banner${className ? ` ${className}` : ""}`}>
      {cfg.bannerType === "video" ? (
        <video src={assetDisplayUrl(cfg.bannerUrl)} controls playsInline preload="metadata" />
      ) : (
        // eslint-disable-next-line @next/next/no-img-element
        <img src={assetDisplayUrl(cfg.bannerUrl)} alt="" />
      )}
    </div>
  );
}