diff --git a/app/src/main/java/in/sminnovations/attendanceapp/screens/home/ui/componets/ScannerContent.kt b/app/src/main/java/in/sminnovations/attendanceapp/screens/home/ui/componets/ScannerContent.kt
new file mode 100644
index 0000000..e2006ce
--- /dev/null
+++ b/app/src/main/java/in/sminnovations/attendanceapp/screens/home/ui/componets/ScannerContent.kt
@@ -0,0 +1,35 @@
+package `in`.sminnovations.attendanceapp.screens.home.ui.componets
+
+import androidx.activity.compose.BackHandler
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.ArrowBack
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+
+
+@Composable
+internal fun ScannerContent(
+    onQrCodeScanned: (String) -> Unit, onClose: () -> Unit
+) {
+    Box(modifier = Modifier.fillMaxSize()) {
+        QRCodeScannerScreen(onQrCodeScanned)
+        IconButton(
+            onClick = onClose, modifier = Modifier
+                .align(Alignment.TopStart)
+                .padding(16.dp)
+        ) {
+            Icon(Icons.Default.ArrowBack, contentDescription = "Close Scanner")
+        }
+    }
+
+    BackHandler { onClose() }
+}
+
+