Form Registry

const formRegistry: {
  [QrTypeKey.PlainText]: typeof TextForm;
  [QrTypeKey.Url]: typeof UrlForm;
  [QrTypeKey.Wifi]: typeof WifiForm;
  [QrTypeKey.VCard]: typeof VCardForm;
  [QrTypeKey.Payment]: typeof PaymentForm;
  [QrTypeKey.Event]: typeof EventForm;
}

import { formRegistry } from "../../../../domain/form/form-registry";
import { QrTypeKey } from "../../../../domain/types/qr";

export default function CardContentInput({ selectedType, onChange }) {
  // Look up the form component for the selected type
  const Form = selectedType ? formRegistry[selectedType] : null;

  return (
    <div>
      {Form ? (
        <Form onChange={onChange} />
      ) : (
        <p>Selecciona un tipo de QR</p>
      )}
    </div>
  );
}

interface FormProps<T> {
  onChange?: (data: T) => void;
}

import NewQrForm from "../../components/forms/new-qr/new-qr-form";

export const formRegistry = {
  // ... existing entries
  [QrTypeKey.NewType]: NewQrForm,
};