1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
/** @jsxImportSource https://esm.sh/preact */
import { render } from "npm:preact-render-to-string";
const inputType = (type, name) => {
const displayName = name.replace("_", " ");
switch (type) {
case "INTEGER":
return (
<div className="form-element">
<label for={name}>{displayName}</label>
<input type="number" name={name} id={name} required={true} />
</div>
);
case "TIMESTAMP":
return (
<div className="form-element">
<label for={name}>{displayName}</label>
<input type="date" name={name} id={name} required={true} />
</div>
);
}
return (
<div className="form-element">
<label for={name}>{displayName}</label>
<input type="text" name={name} id={name} required={true} />
</div>
);
};
export default inputType;