h

index.js

import { Form, FormGroup, Button } from "react-bootstrap";
import formData from "./formData";
import useForm from "./useForm";

const SomeComponent = () => {
  const { fields, setFields, handleSubmit, success } = useForm(formData);

  return (
    <div css={CSS}>
      <Form onSubmit={handleSubmit}>
        {fields.map((field) => (
          <FormGroup key={field.name}>
            <Form.Label>{field.name}</Form.Label>

            <Form.Control
              type={field.type}
              name={field.name}
              value={field.value}
              onChange={setFields}
              placeholder={field.placeholder}
            />
          </FormGroup>
        ))}

        <p className="success">{success}</p>

        <div className="submit-button">
          <Button variant="info" type="submit">
            Submit
          </Button>
        </div>
      </Form>
    </div>
  );
};