// @flow
import * as React from 'react'
import {StyleSheet} from 'react-native'
import Icon from 'react-native-vector-icons/Ionicons'

const styles = StyleSheet.create({
	icon: {
		fontSize: 30,
	},
})

export const TabBarIcon = (icon: string) => ({
	tintColor,
}: {
	tintColor: string,
	focused: boolean,
}) => <Icon name={`ios-${icon}`} style={[styles.icon, {color: tintColor}]} />

@@ -196,16 +196,73 @@
 %09%7D,%0A%7D)%0A%0A
+type Props = %7B%0A%09tintColor: string,%0A%09focused: boolean,%0A%7D%0A%0A
 export c
@@ -299,18 +299,16 @@
 g) =%3E (%7B
-%0A%09
 tintColo
@@ -312,60 +312,24 @@
 olor
-,%0A
 %7D: 
-%7B%0A%09tintColor: string,%0A%09focused: boolean,%0A%7D
+Props
 ) =%3E 
+(%0A%09
 %3CIco
@@ -396,8 +396,10 @@
 r%7D%5D%7D /%3E%0A
+)%0A

refactor TabbarIcon a little bit