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