// @flow

import * as React from 'react'
import * as glamorous from 'glamorous-native'
import * as c from '../components/colors'
import sample from 'lodash/sample'

const messages = [
	'☃️ An Unofficial App Project ☃️',
	'Unofficially made by students, for students',
	'SGA-owned and misunderstood',
	'I AM AN UNOFFICIAL APP',
	'we are (not) olaf',
	'☃️',
]

export function UnofficialAppNotice() {
	return (
		<glamorous.View marginHorizontal={10} justifyContent="center">
			<glamorous.View backgroundColor="rgba(0,0,0,0.05)" borderRadius={7}>
				<glamorous.Text color={c.black25Percent} textAlign="center" padding={8}>
					{sample(messages)}
				</glamorous.Text>
			</glamorous.View>
		</glamorous.View>
	)
}

@@ -423,30 +423,8 @@
 View
- marginHorizontal=%7B10%7D
  jus
@@ -443,16 +443,38 @@
 %22center%22
+ marginHorizontal=%7B10%7D
 %3E%0A%09%09%09%3Cgl
@@ -583,16 +583,28 @@
 Percent%7D
+ padding=%7B8%7D
  textAli
@@ -614,28 +614,16 @@
 %22center%22
- padding=%7B8%7D
 %3E%0A%09%09%09%09%09%7B

alphabetize props