refactor: formatting

src/Form.astro

@@ -1,24 +1,32 @@
 ---
-import {FormGroup} from './form-group';
+import { FormGroup } from './form-group';
 export interface Props {
 	formGroup: FormGroup;
 }
 
 const form: FormGroup = Astro.props.formGroup;
 ---
+
 <form>
-		{form?.controls?.map(control => (
+	{
+		form?.controls?.map((control) => (
 			<div>
-						{(control.labelPosition === 'left')
+				{control.label && (!control.labelPosition || control.labelPosition === 'left') ? (
-							? <label for={control.name}>{control.label}</label>
+					<label for={control.name}>{control.label}</label>
-							: null}
+				) : null}
 
-						<input name={control.name} id={control.name} type={control.type} value={control.value} checked={control.value==='checked'} />
+				<input
-
+					name={control.name}
-						{(control.labelPosition === 'right')
+					id={control.name}
-							? <label for={control.name}>{control.label}</label>
+					type={control.type}
-							: null}
+					value={control.value}
+					checked={control.value === 'checked'}
+				/>
 
+				{control.label && control.labelPosition === 'right' ? (
+					<label for={control.name}>{control.label}</label>
+				) : null}
 			</div>
-		))}
+		))
+	}
 </form>

src/form-group.ts

@@ -1,14 +1,12 @@
-import { FormControl } from "./form-control";
+import { FormControl } from './form-control';
 
 export class FormGroup {
-  controls: FormControl[];
+	controls: FormControl[];
 
-  constructor(controls: FormControl[]) {
+	constructor(controls: FormControl[]) {
-    this.controls = controls.map(control => (
+		this.controls = controls.map((control) => ({
-			{
+			...control,
-				...control,
+			labelPosition: control.labelPosition || 'left',
-				labelPosition: control.labelPosition || 'left'
+		}));
-			}
+	}
-		));
-  }
 }