"use client";

import dynamic from "next/dynamic";

// Dynamically import IconSearch with no SSR to prevent hydration issues
const IconSearchClient = dynamic(
  () => import("./IconSearch").then((mod) => ({ default: mod.IconSearch })),
  {
    ssr: false,
    loading: () => (
      <div
        className="loading-placeholder"
        style={{
          minHeight: "200px",
          display: "flex",
          alignItems: "center",
          justifyContent: "center",
        }}
      >
        Loading icons...
      </div>
    ),
  },
);

export const IconSearchWrapper = () => {
  return <IconSearchClient />;
};