Allow for the configuration of card header, footer, body attrs (#296)

Author: luca992

src/main/kotlin/app/softwork/bootstrapcompose/Card.kt

@@ -8,8 +8,11 @@ import org.w3c.dom.*
 public fun Card(
     styling: (Styling.() -> Unit)? = null,
     attrs: AttrBuilderContext<HTMLDivElement>? = null,
+    headerAttrs: AttrBuilderContext<HTMLDivElement>? = null,
     header: ContentBuilder<HTMLDivElement>? = null,
+    footerAttrs: AttrBuilderContext<HTMLDivElement>? = null,
     footer: ContentBuilder<HTMLDivElement>? = null,
+    bodyAttrs: AttrBuilderContext<HTMLDivElement>? = null,
     body: ContentBuilder<HTMLDivElement>
 ) {
     Style
@@ -25,11 +28,11 @@ public fun Card(
         attrs?.invoke(this)
     }) {
         header?.let {
-            Div({ classes("card-header") }, header)
+            Div({ classes("card-header"); headerAttrs?.invoke(this) }, header)
         }
-        Div({ classes("card-body") }, body)
+        Div({ classes("card-body"); bodyAttrs?.invoke(this) }, body)
         footer?.let {
-            Div({ classes("card-footer") }, footer)
+            Div({ classes("card-footer"); footerAttrs?.invoke(this) }, footer)
         }
     }
 }