From 6d6825874fcb2e305f0888b99938c9f9d3ef0db1 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <256895@studenti.unimore.it>
Date: Fri, 23 Apr 2021 19:07:50 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20more=20props=20to=20BoxFull?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/frontend/src/components/BoxFull.js | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/code/frontend/src/components/BoxFull.js b/code/frontend/src/components/BoxFull.js
index eb14c7b..3a29d4c 100644
--- a/code/frontend/src/components/BoxFull.js
+++ b/code/frontend/src/components/BoxFull.js
@@ -7,19 +7,34 @@ import classNames from "classnames"
  * A box with both a header and a body.
  *
  * @param header - The contents of the box header.
+ * @param headerClassName - Additional class(es) added to the inner `<div>` acting as the header.
+ * @param headerProps - Additional props passed to the inner `<div>` acting as the header.
  * @param children - The contents of the box body.
+ * @param childrenClassName - Additional class(es) added to the inner `<div>` acting as the body.
+ * @param childrenProps - Additional props passed to the inner `<div>` acting as the body.
  * @param className - Additional class(es) that should be added to the outer `<div>` of the box.
  * @param props - Additional props to pass to the box.
  * @returns {JSX.Element}
  * @constructor
  */
-export default function BoxFull({ header, children, className, ...props }) {
+export default function BoxFull(
+    {
+        header,
+        headerClassName,
+        headerProps,
+        children,
+        childrenClassName,
+        childrenProps,
+        className,
+        ...props
+    }) {
+
     return (
         <div className={classNames(Style.BoxWithHeader, className)} {...props}>
-            <div className={Style.BoxHeader}>
+            <div className={classNames(Style.BoxHeader, headerClassName)} {...headerProps}>
                 {header}
             </div>
-            <div className={Style.BoxBody}>
+            <div className={classNames(Style.BoxBody, childrenClassName)} {...childrenProps}>
                 {children}
             </div>
         </div>