Extract components 2

app/src/main/java/de/sebse/fuplanner2/ui/shared/Heading.kt

@@ -1,13 +1,28 @@
 package de.sebse.fuplanner2.ui.shared
 
+import androidx.compose.foundation.layout.padding
 import androidx.compose.material.MaterialTheme
 import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.dimensionResource
+import androidx.compose.ui.tooling.preview.Preview
+import de.sebse.fuplanner2.R
+import de.sebse.fuplanner2.ui.theme.AppTheme
 
 @Composable
 fun Heading(text: String) {
     Text(
         text = text,
-        style = MaterialTheme.typography.h5
+        style = MaterialTheme.typography.h5,
+        modifier = Modifier.padding(top = dimensionResource(id = R.dimen.header_padding))
     )
 }
+
+@Preview
+@Composable
+fun HeadingPreview() {
+    AppTheme {
+        Text("Super Cool")
+    }
+}

app/src/main/res/values/dimens.xml

@@ -9,4 +9,5 @@
     <dimen name="card_view_margin">4dp</dimen>
     <dimen name="card_view_padding">5dp</dimen>
     <dimen name="card_view_elevation">4dp</dimen>
-</resources>
+    <dimen name="header_padding">8dp</dimen>
+</resources>