From 405cf3419339b261a9211d0d504a40684b47054b Mon Sep 17 00:00:00 2001
From: Harsh Shandilya <me@msfjarvis.dev>
Date: Mon, 24 Aug 2020 22:29:05 +0530
Subject: [PATCH] Add a simple checkbox style view mirroring the wireguard app

Signed-off-by: Harsh Shandilya <me@msfjarvis.dev>
---
 .../dev/msfjarvis/todo/ui/WireGuardItem.kt    | 52 +++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 app/src/main/java/dev/msfjarvis/todo/ui/WireGuardItem.kt

diff --git a/app/src/main/java/dev/msfjarvis/todo/ui/WireGuardItem.kt b/app/src/main/java/dev/msfjarvis/todo/ui/WireGuardItem.kt
new file mode 100644
index 00000000..45969846
--- /dev/null
+++ b/app/src/main/java/dev/msfjarvis/todo/ui/WireGuardItem.kt
@@ -0,0 +1,52 @@
+package dev.msfjarvis.todo.ui
+
+import androidx.compose.foundation.Text
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyItemScope
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Card
+import androidx.compose.material.ListItem
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Switch
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import dev.msfjarvis.todo.data.TodoItem
+
+@Suppress("Unused")
+@Composable
+fun LazyItemScope.WireGuardItem(item: TodoItem) {
+  Row(
+    modifier = Modifier.padding(vertical = 8.dp).fillParentMaxWidth(),
+  ) {
+    Card(
+      shape = RoundedCornerShape(8.dp),
+      modifier = Modifier.fillParentMaxWidth(),
+      backgroundColor = MaterialTheme.colors.secondary
+    ) {
+      ListItem(
+        text = {
+          Text(
+            text = item.title,
+            style = TextStyle(
+              fontSize = 20.sp,
+              textAlign = TextAlign.Left
+            ),
+            modifier = Modifier.padding(horizontal = 8.dp, vertical = 16.dp),
+            color = MaterialTheme.colors.onSecondary
+          )
+        },
+        trailing = {
+          Switch(
+            checked = false,
+            onCheckedChange = { },
+          )
+        }
+      )
+    }
+  }
+}