nits

Author: rgodha24

src/components/BogForm/BogForm.tsx

@@ -4,7 +4,7 @@ import BogButton from '../BogButton/BogButton';
 import type { FormEventHandler } from 'react';
 
 export interface BogFormProps {
-  onSubmit?: FormEventHandler<HTMLFormElement>;
+  onSubmit: FormEventHandler<HTMLFormElement>;
   submitLabel?: string;
   style?: React.CSSProperties;
   className?: string;

src/components/BogTextInput/BogTextInput.tsx

@@ -3,7 +3,7 @@ import styles from './styles.module.css';
 
 export interface BogTextInputProps {
   multiline?: boolean;
-  type?: 'text' | 'email' | 'password' | 'tel';
+  type?: 'text' | 'email' | 'password' | 'tel' | 'search';
   name: string;
   label: string;
   placeholder?: string;
@@ -20,13 +20,13 @@ export function BogTextInput({
   label,
   multiline = false,
   placeholder,
-  required = true,
+  required = false,
   disabled = false,
   style,
   className,
 }: BogTextInputProps) {
   return (
-    <Form.Field name={name}>
+    <Form.Field name={name} className={className} style={style}>
       <div className="flex flex-row gap-x-2 text-paragraph-2">
         <Form.Label>{label}</Form.Label>
         <Form.Message match="valueMissing" className="text-status-red-text">

src/pages/index.tsx

@@ -217,7 +217,7 @@ export default function Home() {
               }}
             >
               <BogTextInput name="name" label="Name" placeholder="Enter your name" />
-              <BogTextInput name="email" label="Email" placeholder="Enter your email" />
+              <BogTextInput name="email" label="Email" placeholder="Enter your email" type="email" />
               <BogTextInput
                 name="password"
                 label="Password"