import React from 'react'
import { Text, TouchableOpacity } from 'react-native'

import { TextColors } from '../Colors'
import { TextStyles } from '../Styles'

export const RoundedButton: React.FC<{
  label: string
  onPress: () => void
}> = ({ label, onPress }) => (
  <TouchableOpacity
    onPress={onPress}
    style={{
      borderWidth: 2,
      borderColor: '#2A3138',
      borderRadius: 32,
      paddingTop: 15,
      paddingBottom: 16,
    }}
  >
    <Text
      style={{
        ...TextStyles.h4,
        color: TextColors.default,
        textAlign: 'center',
        minWidth: 72,
        height: 27,
      }}
    >
      {label}
    </Text>
  </TouchableOpacity>
)