From a2626486c39263ee52fe515a6c12ee40eb5e634c Mon Sep 17 00:00:00 2001
From: Didier Palma <didierpalma26@gmail.com>
Date: Fri, 22 May 2026 18:56:19 -0600
Subject: [PATCH] moved EtaCard

---
 frontend/src/components/EtaCard.tsx | 54 +++++++++++++++++++++++++++++
 frontend/src/constants/EtaCard.tsx  |  0
 2 files changed, 54 insertions(+)
 create mode 100644 frontend/src/components/EtaCard.tsx
 delete mode 100644 frontend/src/constants/EtaCard.tsx

diff --git a/frontend/src/components/EtaCard.tsx b/frontend/src/components/EtaCard.tsx
new file mode 100644
index 0000000..3087258
--- /dev/null
+++ b/frontend/src/components/EtaCard.tsx
@@ -0,0 +1,54 @@
+import { View, Text, StyleSheet } from 'react-native';
+import { Colors } from '../constants/theme';
+
+type EtaCardProps = {
+  minutes?: number;
+  status?: string;
+};
+
+export default function EtaCard({
+  minutes = 12,
+  status = 'En Camino',
+}: EtaCardProps) {
+
+  const theme = Colors.light;
+
+  return (
+    <View style={[styles.card, { backgroundColor: theme.backgroundElement }]}>
+      
+      <Text style={[styles.label, { color: theme.textSecondary }]}>
+        ETA estimado
+      </Text>
+
+      <Text style={[styles.time, { color: theme.text }]}>
+        {minutes} min
+      </Text>
+
+      <Text style={[styles.status, { color: theme.textSecondary }]}>
+        {status}
+      </Text>
+
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  card: {
+    margin: 15,
+    padding: 20,
+    borderRadius: 16,
+  },
+  label: {
+    fontSize: 12,
+    marginBottom: 6,
+  },
+  time: {
+    fontSize: 32,
+    fontWeight: 'bold',
+    marginBottom: 6,
+  },
+  status: {
+    fontSize: 14,
+    fontWeight: '600',
+  },
+});
diff --git a/frontend/src/constants/EtaCard.tsx b/frontend/src/constants/EtaCard.tsx
deleted file mode 100644
index e69de29..0000000