// @flow
import * as React from 'react'
import {StyleSheet} from 'react-native'
import AlphabetListView from '@hawkrives/react-native-alphabetlistview'
import * as c from '../components/colors'

const styles = StyleSheet.create({
	listView: {
		paddingRight: 21,
		backgroundColor: c.white,
	},
	sectionItems: {
		alignItems: 'center',
		right: 3,
	},
})

export function StyledAlphabetListView(props: Object) {
	return (
		<AlphabetListView
			contentContainerStyle={styles.listView}
			initialListSize={StyledAlphabetListView.initialListSize}
			pageSize={StyledAlphabetListView.pageSize}
			sectionListStyle={styles.sectionItems}
			{...props}
		/>
	)
}
StyledAlphabetListView.initialListSize = 12
StyledAlphabetListView.pageSize = 8

@@ -353,64 +353,161 @@
 %7D)%0A%0A
-export function StyledAlphabetListView(props: Object
+type Props = %7B%7D%0A%0Aexport class StyledAlphabetListView extends React.PureComponent%3CProps%3E %7B%0A%09static initialListSize = 12%0A%09static pageSize = 8%0A%09render(
 ) %7B%0A
+%09
 %09ret
@@ -514,16 +514,17 @@
 urn (%0A%09%09
+%09
 %3CAlphabe
@@ -533,16 +533,17 @@
 istView%0A
+%09
 %09%09%09conte
@@ -580,16 +580,17 @@
 iew%7D%0A%09%09%09
+%09
 initialL
@@ -638,16 +638,17 @@
 stSize%7D%0A
+%09
 %09%09%09pageS
@@ -688,16 +688,17 @@
 ize%7D%0A%09%09%09
+%09
 sectionL
@@ -735,12 +735,18 @@
 %0A%09%09%09
+%09
 %7B...
+this.
 prop
@@ -754,92 +754,17 @@
 %7D%0A%09%09
+%09
 /%3E%0A
+%09
 %09)%0A
+%09
 %7D%0A
-StyledAlphabetListView.initialListSize = 12%0AStyledAlphabetListView.pageSize = 8
+%7D
 %0A

extend PureComponent in StyledAlphabetListView