import { Formik, Form } from "formik";
import BearerTypeCard from "./BearerTypeCard";
import ChannelCard from "./ChannelCard";

const Output = () => {
  const handleSubmit = (values) => {
    console.log(values);
  };

  const inititalValues = {
    format: "JSON",
    enabled: true,
    backOfficeURL: "",
    username: "",
    password: "",
    connectTimeoutSeconds: Number(5),
    readTimeoutSeconds: Number(15),
    overviewQuality: "HIGH",
    cropSizeFactor: "3/4",
  };

  return (
    <Formik initialValues={inititalValues} onSubmit={handleSubmit}>
      <Form>
        <BearerTypeCard />
        <ChannelCard />
      </Form>
    </Formik>
  );
};

export default Output;
