// @flow
import React from 'react'
import {StyleSheet, Text, View} from 'react-native'

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    textAlign: 'center',
    backgroundColor: '#ffffff',
  },
})

export function NoticeView({text, style}: {text: string, style?: any}) {
  return (
    <View style={[styles.container, style]}>
      <Text>
        {text}
      </Text>
    </View>
  )
}

// @flow
import React from 'react'
import {StyleSheet, Text, View} from 'react-native'

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#ffffff',
  },
  text: {
    textAlign: 'center',
  },
})

export function NoticeView({text, style}: {text: string, style?: any}) {
  return (
    <View style={[styles.container, style]}>
      <Text style={styles.text}>
        {text}
      </Text>
    </View>
  )
}

fix textAlign application to NoticeView (#450)