Function CardsExample

example/app/cards.tsx:4–22

()

import { Card, Button } from "jetpack-compose-react-native";

export default function CardsExample() {
  return (
    <View style={styles.container}>
      <Text style={styles.header}>Card Example</Text>
      <Card variant="elevated" style={{ width: 200, height: 100 }}>
        <Text>Elevated Card Content</Text>
        <Button text="Click me" />
      </Card>
      <Card variant="filled" style={{ width: 200, height: 100 }}>
        <Text>Filled Card Content</Text>
        <Button text="Click me" />
      </Card>
      <Card variant="outlined" style={{ width: 200, height: 100 }}>
        <Text>Outlined Card Content</Text>
        <Button text="Click me" />
      </Card>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {