import { StyleSheet, View } from 'react-native'
import { Banner } from '../../../components'

export const SourceAppErrorCard = () => {
  const styles = useStyles()

  return (
    <View style={styles.container}>
      <Banner
        appearance="error"
        heading="Invalid Source App"
        description="Something went wrong, try going back and selecting the recipient again."
      />
    </View>
  )
}

const useStyles = () => {
  return StyleSheet.create({
    container: {
      padding: 16,
    },
  })
}