import React from 'react';
import { useCustomFields } from '../CustomFieldsContext';

export const CustomUserFieldsExtensionPoint = (props) => {
  const { customFields = [] } = useCustomFields() || {};
  const fields = props.fields ?? customFields;
  const Renderer = typeof window !== 'undefined' ? window.BookifyPro?.CustomUserFieldsRenderer : null;

  if (!Renderer || !fields.length) {
    return null;
  }

  return <Renderer fields={fields} {...props} />;
};