moved card component to the bases component folder

src/components/Card.tsx

-import { type BoxProps, type VariantProps, createRestyleComponent } from "@shopify/restyle";
-import type { Theme } from "@themes/Theme";
-import { cardVariants } from "@themes/Variants";
-import Box from "./bases/Box";
-
-const Card = createRestyleComponent<
-	VariantProps<Theme, "cardVariants"> &
-		BoxProps<Theme> & {
-			children: React.ReactNode;
-		},
-	Theme
->([cardVariants], Box);
-
-export default Card;

src/components/bases/Card.tsx

+import type { Theme } from "@/themes/Theme";
+import Box from "@re-box";
+import { type VariantProps, createRestyleComponent, createVariant } from "@shopify/restyle";
+
+const Card = createRestyleComponent<
+	VariantProps<Theme, "cardVariants"> & React.ComponentProps<typeof Box>,
+	Theme
+>(
+	[
+		createVariant({
+			themeKey: "cardVariants",
+			defaults: {
+				margin: {
+					phone: "s",
+					tablet: "m",
+				},
+				backgroundColor: "red",
+			},
+		}),
+	],
+	Box,
+);
+export default Card;