import React from 'react';
import {View} from 'react-native';
import {Colors, fontSz, globalStyles, Images, ms} from '../../utils';
import {Text} from '../Text';
import {SmartImage} from '../Images/SmartImage';

export const PoweredBy = () => {
  return (
    // <></>
    <View
      style={[
        globalStyles.rowCenter,
        globalStyles.shadowElevation,
        globalStyles.shadowProp,
        {
          columnGap: ms(7.5),
          borderRadius: ms(22),
          paddingHorizontal: ms(12.5),
          paddingVertical: ms(7.5),
          backgroundColor: Colors.white,
          borderColor: Colors.purple100,
          borderWidth: ms(1),
        },
      ]}>
      <SmartImage
        source={Images.poweredByIcon}
        style={{
          width: ms(25),
          height: ms(25),
        }}
      />
      <Text
        fontSize={fontSz(13)}
        lineHeight={fontSz(20)}
        fontFamily="Gordita-Medium"
        fontWeight="500"
        textAlign={'center'}
        text={'Powered By Victory MicroFinance Bank'}
        color={Colors.purple60}
      />
    </View>
  );
};