Add more detailed documentations.

components/Buttons.tsx

@@ -1,15 +1,15 @@
 import React from 'react';
 
 /**
- * Button property
+ * AButton component's props definitions.
  */
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     text: string
     // Add your custom properties here.
 }
 
 /**
- * Default style for buttons using Tailwind CSS
+ * Default style for buttons using Tailwind CSS.
  */
 const buttonStyle = "text-white font-bold py-2 px-4 rounded";
 
@@ -20,10 +20,10 @@ const cancelColor = "bg-red-500 hover:bg-red-700 ";
 const disabledButton = " opacity-50 cursor-not-allowed";
 
 /**
- * Function for get button style
- * @param buttonType type for the button (reset | submit | cancel)
- * @param disabled is the button disabled (true | false)
- * @returns style for the button
+ * Function for conditionally assigning the button's style.
+ * @param buttonType Type for the button (reset | submit | cancel)
+ * @param disabled The disabled flag for marking the button disabled state. (true | false).
+ * @returns Named class name for the button component.
  */
 function getButtonClassNames(buttonType?: string, disabled?: boolean): string {
     let className: string;
@@ -39,6 +39,9 @@ function getButtonClassNames(buttonType?: string, disabled?: boolean): string {
     return className;
 }
 
+/**
+ * AButton component definitions.
+ */
 export const AButton: React.FC<ButtonProps> = (
     props
 ) => {