feat: add button, fix form component types

Author: alexdevero

src/components/Button/Button.tsx

@@ -0,0 +1,7 @@
+import type { ButtonHTMLAttributes, FC, PropsWithChildren } from 'react'
+
+export const Button: FC<PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>> = ({ children, ...props }) => (
+  <button className="bg-blue-500 text-white px-4 py-2 rounded-md" type="submit" {...props}>
+    {children}
+  </button>
+)

src/components/Input/Input.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx'
-import type { FC, HTMLAttributes } from 'react'
+import type { FC, InputHTMLAttributes } from 'react'
 
-export const Input: FC<HTMLAttributes<HTMLInputElement>> = ({ className, ...props }) => (
+export const Input: FC<InputHTMLAttributes<HTMLInputElement>> = ({ className, ...props }) => (
   <input className={clsx('border border-gray-300 rounded-md p-2', className)} {...props} />
 )

src/components/Label/Label.tsx

@@ -1,6 +1,6 @@
-import type { FC, HTMLAttributes, PropsWithChildren } from 'react'
+import type { FC, LabelHTMLAttributes, PropsWithChildren } from 'react'
 
-export const Label: FC<PropsWithChildren<HTMLAttributes<HTMLLabelElement>>> = ({ children, ...props }) => (
+export const Label: FC<PropsWithChildren<LabelHTMLAttributes<HTMLLabelElement>>> = ({ children, ...props }) => (
   <label className="text-sm font-medium" {...props}>
     {children}
   </label>

src/components/Textarea/Textarea.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx'
-import type { FC, HTMLAttributes } from 'react'
+import type { FC, TextareaHTMLAttributes } from 'react'
 
-export const Textarea: FC<HTMLAttributes<HTMLTextAreaElement>> = ({ className, ...props }) => (
+export const Textarea: FC<TextareaHTMLAttributes<HTMLTextAreaElement>> = ({ className, ...props }) => (
   <textarea className={clsx('border border-gray-300 rounded-md p-2', className)} {...props} />
 )