import { PanelBody, PanelRow } from '@wordpress/components';
import Fields from "./Fields";
import { useEntityProp } from '@wordpress/core-data';

const Section = ({id, name, isOpen = false}) => {

	const { content, fields, sections, base } = window.jvbFieldConfig || {};
	const [meta, setMeta] = useEntityProp('postType', content, 'meta');

	const setField = (name, value) => setMeta({ ...meta, [name]: value });
	return (
		<PanelBody name={'jvb-'+id} title={name} initialOpen={isOpen}>
			{
				fields.map((field) => (
					<Fields
						key={field.name}
						field={field}
						value={meta?.[field.name]}
						onChange={(value) => setField(field.name, value)}
					/>
				))
			}
		</PanelBody>
	);
}

export default Section;