From d38368960df2654b5279def859111c617263239d Mon Sep 17 00:00:00 2001
From: Connor Johnston <cgjohn@umich.edu>
Date: Thu, 14 Nov 2024 15:27:29 -0600
Subject: [PATCH] Adds disabled example

---
 packages/mobile-app/app/(tabs)/ui.tsx              | 6 ++++++
 packages/tackle-box/lib/components/Input/Input.tsx | 1 +
 packages/tackle-box/tsconfig.app.tsbuildinfo       | 2 +-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/mobile-app/app/(tabs)/ui.tsx b/packages/mobile-app/app/(tabs)/ui.tsx
index fde4df8..50ac249 100644
--- a/packages/mobile-app/app/(tabs)/ui.tsx
+++ b/packages/mobile-app/app/(tabs)/ui.tsx
@@ -26,6 +26,12 @@ export default function UiKit() {
         onChange={(value: string) => setInputValue(value)}
         label="Enter your name"
       />
+      <Input
+        disabled
+        value={inputValue}
+        onChange={(value: string) => setInputValue(value)}
+        label="Enter your name"
+      />
     </View>
   );
 }
diff --git a/packages/tackle-box/lib/components/Input/Input.tsx b/packages/tackle-box/lib/components/Input/Input.tsx
index bf5b5d0..1503be3 100644
--- a/packages/tackle-box/lib/components/Input/Input.tsx
+++ b/packages/tackle-box/lib/components/Input/Input.tsx
@@ -26,6 +26,7 @@ const styles = css.create({
   inputDisabled: {
     backgroundColor: colors.backgroundDisabled,
     color: colors.textDisabled,
+    cursor: "not-allowed",
   },
   label: {
     position: "absolute",
diff --git a/packages/tackle-box/tsconfig.app.tsbuildinfo b/packages/tackle-box/tsconfig.app.tsbuildinfo
index ed4a8bd..5a1f16d 100644
--- a/packages/tackle-box/tsconfig.app.tsbuildinfo
+++ b/packages/tackle-box/tsconfig.app.tsbuildinfo
@@ -1 +1 @@
-{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./lib/index.ts","./lib/components/box/box.tsx","./lib/components/button/button.tsx","./lib/components/input/input.tsx","./lib/vars/colors.stylex.ts","./lib/vars/index.stylex.ts","./lib/vars/sizing.stylex.ts"],"version":"5.6.3"}
\ No newline at end of file
+{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./lib/index.ts","./lib/components/box/box.tsx","./lib/components/button/button.tsx","./lib/components/input/input.tsx","./lib/components/textarea/textarea.tsx","./lib/vars/colors.stylex.ts","./lib/vars/index.stylex.ts","./lib/vars/sizing.stylex.ts"],"version":"5.6.3"}
\ No newline at end of file