"use client";

import dynamic from "next/dynamic";
import type { ComponentProps } from "react";
import type SolarSimulation from "./SolarSimulation";

const SolarConfigDynamic = dynamic(() => import("./SolarSimulation"), {
  ssr: false,
  loading: () => (
    <div className="space-y-4">
      <div className="h-52 bg-gray-100 animate-pulse rounded-lg" />
      <div className="h-64 bg-gray-100 animate-pulse rounded-lg" />
    </div>
  ),
});

export default function SolarSimulationWrapper(
  props: ComponentProps<typeof SolarSimulation>
) {
  return <SolarConfigDynamic {...props} />;
}
