Function Popup

packages/ui/src/popup.tsx:12–32

({
  children,
  hiddenCookieId,
}: {
  children: ReactNode;
  hiddenCookieId: string;
})

});

export function Popup({
  children,
  hiddenCookieId,
}: {
  children: ReactNode;
  hiddenCookieId: string;
}) {
  const [hidden, setHidden] = useState(Cookies.get(hiddenCookieId) === "1");
  const hidePopup = () => {
    setHidden(true);
    Cookies.set(hiddenCookieId, "1");
  };

  return (
    <ClientOnly>
      <PopupContext.Provider value={{ hidePopup }}>
        <AnimatePresence>{!hidden && children}</AnimatePresence>
      </PopupContext.Provider>
    </ClientOnly>
  );
}