import * as React from 'react'
import { Component } from 'react'
import { StyleSheet } from 'react-native'
import { Text } from 'react-native'
import { View } from 'react-native'

import { Card } from './Card'
import { Draggable } from './Draggable'
import { Suit } from './Suit'

export default class App extends Component<{}, void> {
  private styles = StyleSheet.create({
    container: {
      alignItems: 'center',
      backgroundColor: '#3b3',
      flex: 1,
      justifyContent: 'center'
    }
  })

  public render() {
    return (
      <View style={this.styles.container}>
        <Text>Open up App.js to start working on your app!</Text>
        <Draggable
          startPosition={
            {
              left: 50,
              top: 80
            }
          }
        >
          <Card
            suit={Suit.Spades}
            value={10}
          />
        </Draggable>
      </View>
    )
  }
}
import * as React from 'react'
import { Component } from 'react'
import { StyleSheet } from 'react-native'
import { Text } from 'react-native'
import { View } from 'react-native'

import { Card } from './Card'
import { Circle } from './Circle'
import { Draggable } from './Draggable'
import { Suit } from './Suit'

export default class App extends Component<{}, void> {
  private styles = StyleSheet.create({
    container: {
      alignItems: 'center',
      backgroundColor: '#3b3',
      flex: 1,
      justifyContent: 'center'
    }
  })

  public render() {
    return (
      <View style={this.styles.container}>
        <Text>Open up App.js to start working on your app!</Text>
        <Text>2 + 2 = {this.sum(2, 2)}</Text>
        <Circle
          color={'#ffb'}
          size={40}
        />
        <Draggable
          startPosition={
            {
              left: 50,
              top: 80
            }
          }
        >
          <Card
            suit={Suit.Spades}
            value={10}
          />
        </Draggable>
      </View>
    )
  }

  private sum(a: number, b: number) {
    return a + b
  }
}
--- 
+++ 
@@ -5,7 +5,6 @@
 import { View } from 'react-native'
 
 import { Card } from './Card'
-import { Circle } from './Circle'
 import { Draggable } from './Draggable'
 import { Suit } from './Suit'
 
@@ -23,11 +22,6 @@
     return (
       <View style={this.styles.container}>
         <Text>Open up App.js to start working on your app!</Text>
-        <Text>2 + 2 = {this.sum(2, 2)}</Text>
-        <Circle
-          color={'#ffb'}
-          size={40}
-        />
         <Draggable
           startPosition={
             {
@@ -44,8 +38,4 @@
       </View>
     )
   }
-
-  private sum(a: number, b: number) {
-    return a + b
-  }
 }
Remove unused text and circle
