/**
 * Field
 *
 * Label + control + description wrapper shared by every form on every tab.
 *
 * @package Everyone_Accessibility_Suite
 */

function Field({ id, label, description, children }) {
	return (
		<div className="evas-field">
			{label && <label htmlFor={id}>{label}</label>}
			{children}
			{description && <p className="evas-field-description">{description}</p>}
		</div>
	);
}

export default Field;