const TextField = ({ label, value, onChange }) =>
	h(
		"span",
		{ key: "text-" + label, className: "flex flex-col w-full" },
		h(
			"label",
			{
				className:
					"w-full flex text-xs font-bold dark:font-semibold group-focus-within/active:text-blue-500 group-hover/active:text-blue-500 cursor-text text-slate-500 dark:text-slate-400 px-3 pt-3",
			},
			label
		),
		h("input", {
			className:
				"MuiInout-Input w-full h-6 px-3 bg-transparent outline-none text-sm font-medium text-gray-900 dark:text-gray-100 cursor-default",
			value,
			onChange,
		})
	);

export default TextField;