ueberpruefen

src/components/Card.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { View, StyleSheet, StyleProp, ViewStyle } from 'react-native';
+import { colors, spacing, borderRadius, shadows } from '../lib/theme';
+
+interface CardProps {
+  children: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+  elevated?: boolean;
+}
+
+export const Card: React.FC<CardProps> = ({ children, style, elevated = true }) => {
+  return (
+    <View style={[styles.card, elevated && shadows.md, style]}>
+      {children}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  card: {
+    backgroundColor: colors.card,
+    borderRadius: borderRadius.lg,
+    padding: spacing.lg, // More padding for retro feel
+    borderWidth: 2, // Thicker border for vintage look
+    borderColor: colors.border,
+  },
+});