{"size": 705, "ext": "js", "max_stars_repo_path": "src/components/common/view/KeyboardRow.js", "max_stars_repo_name": "sdmg15/GoodDAPP", "max_stars_repo_stars_event_min_datetime": "2019-01-24T12:18:01.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-29T13:54:12.000Z", "max_issues_repo_path": "src/components/common/view/KeyboardRow.js", "max_issues_repo_name": "sdmg15/GoodDAPP", "max_issues_repo_issues_event_min_datetime": "2019-01-30T12:55:46.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-31T14:23:28.000Z", "max_forks_repo_path": "src/components/common/view/KeyboardRow.js", "max_forks_repo_name": "sdmg15/GoodDAPP", "max_forks_repo_forks_event_min_datetime": "2019-01-23T19:14:01.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-13T15:11:39.000Z"}
{"max_stars_count": 62, "max_issues_count": 2895, "max_forks_count": 36, "avg_line_length": 22.03125, "max_line_length": 70, "alphanum_fraction": 0.6283687943}
// @flow
import React from 'react'
import { View } from 'react-native'
import { withStyles } from '../../../lib/styles'
import KeyboardKey from './KeyboardKey'

type KeyboardRowProps = {
  onPress: string => void,
  keys: Array<string>,
}

const KeyboardRow = ({ keys, onPress, styles }: KeyboardRowProps) => (
  <View style={styles.row}>
    {keys.map(key => (
      <KeyboardKey keyValue={key} onPress={onPress} key={key} />
    ))}
  </View>
)

const getStylesFromProps = ({ theme }) => {
  return {
    row: {
      display: 'flex',
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'space-between',
    },
  }
}

export default withStyles(getStylesFromProps)(KeyboardRow)
