text: import React from 'react';
  
  import {Button , Label} from './style';
  
  import { TouchableWithoutFeedback} from 'react-native';
  
  import {MaterialIcons} from '@expo/vector-icons';
  
  export default function PayButton({onPress , focused}) {
   return (
  
     <TouchableWithoutFeedback  onPress={onPress}>
  
        <Button
        colors={focused ?
          ['#fff' , '#ccc']
         :['#00fc6c' , '#00ac4a']
          
      
      }
        start={[1,0.2]}
        >
  
          <MaterialIcons name="attach-money" size={30} color={focused ? '#000' : '#fff'}/>
  
          <Label focused={focused}>Pay</Label>
  
        </Button>
  
        </TouchableWithoutFeedback>
   
   );
  }