import React, { useState } from 'react';
import { FieldContext, QxField } from '../../context';

export const QxFieldProvider: React.FC<QxFieldProviderProps> = (props) => {
  const [fields, setFields] = useState<QxField[]>([]);

  return (
    <FieldContext.Provider value={{ fields, setFields }}>
      {props.children}
    </FieldContext.Provider>
  );
};

interface QxFieldProviderProps {
  children?: React.ReactNode;
}