'use client';

import { memo, useMemo } from 'react';
import CompStatic from './CompStatic';
import dynamic from 'next/dynamic';

type Comp = {
  data: any;
  listingId: string;
};

const Comp = ({ data, listingId }: Comp) => {
  const CompDynamic = useMemo(
    () =>
      dynamic(() => import('./CompDynamic'), {
        ssr: false,
        loading: () => <CompStatic data={data} />,
      }),
    [data]
  );

  return <CompDynamic data={data} listingId={listingId} />;
};

export default memo(Comp);