// <FormField> — label + control wrapper shared by every labelled form
// control (`TextField`, `SelectField`, …). Not exported as a standalone
// primitive callers reach for directly — it only exists so those two
// don't each reinvent the label/spacing chrome; a bare labelled `<div>`
// wrapper has no independent identity worth a `/components` entry of
// its own.
import type { ComponentChildren } from 'preact';
import './FormField.css';

export function FormField({
  label,
  htmlFor,
  children,
}: {
  label: string;
  htmlFor: string;
  children: ComponentChildren;
}) {
  return (
    <div class="ui-form-field">
      <label class="ui-form-field-label" for={htmlFor}>
        {label}
      </label>
      {children}
    </div>
  );
}