started adding to the output form

src/features/output/components/Output.tsx

@@ -0,0 +1,32 @@
+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;