update styles

Parts/Input.js

@@ -2,7 +2,9 @@ import React from "react";
 
 import tw, { styled } from "twin.macro";
 import "styled-components/macro";
-import { useField as useFormikField, useFormikContext } from "formik";
+//import { useField as useFormikField, useFormikContext } from "formik";
+const useFormikField = null;
+const useFormikContext = ()=>{};
 
 export function useField(props){
   let getField = useFormikField;
@@ -15,13 +17,13 @@ export function useField(props){
   return getField(props);
 }
 
-export default function Input({ label, title, className, children, ...props }) {
+export default function Input({ label, title, children, ...props }) {
   /*name, id*/
 
   const [field, meta, helpers] = useField(props);
 
   return (
-    <div css={[title && tw`my-1`]} className={className}>
+    <div css={[title && tw`my-1`]} >
       {title && (
         <label
           {...label}
@@ -47,15 +49,14 @@ export default function Input({ label, title, className, children, ...props }) {
 export function TextArea({
   label,
   title,
-  className,
-  children,
+    children,
   ...props
 }) {
 
   const [field, meta, helpers] = useField(props);
 
   return (
-    <div css={[title && tw`my-1`]} className={className}>
+    <div css={[title && tw`my-1`]} >
       {title && (
         <label
           {...label}
@@ -81,7 +82,7 @@ export function TextArea({
 export function CheckBox({
   label,
   title,
-  className,
+  
   children,
   ...props
 }) {
@@ -89,7 +90,7 @@ export function CheckBox({
   const [field, meta, helpers] = useField(props);
 
   return (
-    <div tw="my-1 flex text-secondary" className={className}>
+    <div tw="my-1 flex text-secondary">
       <input
         {...props}
         {...field}

globalStyle.js

@@ -68,7 +68,7 @@ body {
 
 const GlobalStyles = () => {
   return <>
-    {/* <BaseStyles /> */}
+    <BaseStyles />
     <CustomStyles />
   </>
 }