meditmoblibrary/src/ADFComponents/CButton/CScanButton.js

MedIT ADF Mobile Library

import React from 'react'
import { StyleSheet, TouchableOpacity, View } from 'react-native'
import Icon from 'react-native-vector-icons/FontAwesome'
import COLORS from 'meditmoblibrary/src/constants/colors'

const CScanButton = ({ onPress, iconName = 'search', disabled , color = COLORS.COLOR.PRIMARY, }) => {
  return (
    <View >
      <TouchableOpacity style={{ 
      ...styles.scanButton,
      backgroundColor: disabled ? COLORS.COLOR.SECONDARY : color,
    }} 
    onPress={onPress}
    disabled={disabled}>
        <Icon name={iconName} size={16} color='#ffff'  />
      </TouchableOpacity>
    </View>
  )
}

export default CScanButton

const styles = StyleSheet.create({
  scanButton: {
    padding: 14,
    backgroundColor: '#044372',
    borderRadius: 5,
    marginLeft: 16,
  },
})