import theme from "@/themes/Theme";
import Card from "@components/Card";
import Text from "@components/bases/Text";
import { ThemeProvider } from "@shopify/restyle";
import { StatusBar } from "expo-status-bar";
import { StyleSheet, View } from "react-native";

export default function App() {
	return (
		<ThemeProvider theme={theme}>
			<View style={styles.container}>
				<StatusBar style="auto" />
				<Text color="cardPrimaryBackground">Restyle Text</Text>
				<Card variant={"elevated"} width={200} height={200} />
			</View>
		</ThemeProvider>
	);
}

const styles = StyleSheet.create({
	container: {
		flex: 1,
		backgroundColor: "#fff",
		alignItems: "center",
		justifyContent: "center",
	},
});
