"use client";

import { useEffect } from "react";
import { Fancybox as NativeFancybox } from "@fancyapps/ui";

export default function FancyboxWrapper({ children }) {
  useEffect(() => {
    NativeFancybox.bind("[data-fancybox]", {
      Thumbs: false,
      Toolbar: {
        display: ["close"],
      },
    });

    return () => {
      NativeFancybox.destroy();
    };
  }, []);

  return <>{children}</>;
}