import React from "react";

import RoundedContainer from "./RoundedContainer";
import Button from "./Button";

export default function Form({
  action,
  children,
  submitText,
}: {
  // eslint-disable-next-line no-unused-vars
  action?: string | ((formData: FormData) => void | Promise<void>);
  children: React.ReactNode;
  submitText: string;
}) {
  return (
    <div>
      <form action={action}>
        <RoundedContainer slim={false}>
          {children}
          <Button title={submitText} type="submit" />
        </RoundedContainer>
      </form>
    </div>
  );
}