connect-transfer-react-native-sdk/lib/commonjs/components/ComponentStyles.js

Connect Transfer React Native SDK for Mastercard Open Banking Connect

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MASecuredByStyle = exports.MAExitBottomSheetStyle = exports.MACrossDismissStyle = exports.MAButtonStyle = exports.LoaderStyle = void 0;
var _reactNative = require("react-native");
const MASecuredByStyle = exports.MASecuredByStyle = _reactNative.StyleSheet.create({
  footer: {
    flexDirection: 'row',
    justifyContent: 'space-around',
    ..._reactNative.Platform.select({
      android: {
        marginBottom: 15
      }
    })
  },
  logoContainer: {
    flexDirection: 'row',
    alignItems: 'center',
    width: 119,
    ..._reactNative.Platform.select({
      android: {
        height: 19
      }
    }, {
      ios: {
        height: 18
      }
    })
  },
  securedText: {
    fontSize: 14,
    fontWeight: '350',
    marginRight: 5,
    color: '#141413'
  },
  logo: {
    resizeMode: 'contain'
  }
});
const MAButtonStyle = exports.MAButtonStyle = _reactNative.StyleSheet.create({
  button: {
    height: 47,
    backgroundColor: '#CF4500',
    borderRadius: 100,
    justifyContent: 'center',
    alignItems: 'center',
    marginBottom: 24
  },
  buttonText: {
    fontSize: 16,
    color: '#FFFFFF',
    fontWeight: 'bold',
    lineHeight: 24,
    letterSpacing: 0.32
  }
});
const MACrossDismissStyle = exports.MACrossDismissStyle = _reactNative.StyleSheet.create({
  crossIcon: {
    alignSelf: 'flex-end'
  }
});
const LoaderStyle = exports.LoaderStyle = _reactNative.StyleSheet.create({
  container: {
    alignItems: 'center',
    justifyContent: 'center'
  },
  box: {
    borderStyle: 'solid',
    borderRightColor: '#FFF',
    borderBottomColor: '#FFF',
    borderRadius: 40
  }
});
const MAExitBottomSheetStyle = exports.MAExitBottomSheetStyle = _reactNative.StyleSheet.create({
  content: {
    flex: 1,
    marginTop: 20,
    paddingBottom: 70,
    marginHorizontal: 24
  },
  backdrop: {
    backgroundColor: 'rgba(0, 0, 0, 0.5)'
  },
  title: {
    color: '#212B36',
    fontSize: 22,
    fontWeight: 'bold',
    marginBottom: 8,
    lineHeight: 32
  },
  subtitle: {
    fontSize: 16,
    color: '#616F7D',
    marginBottom: 30,
    lineHeight: 24
  },
  exitButton: {
    marginBottom: 20
  },
  stayButton: {
    backgroundColor: '#FFF',
    borderWidth: 1,
    borderColor: '#CF4500'
  },
  stayButtonText: {
    color: '#CF4500'
  }
});
//# sourceMappingURL=ComponentStyles.js.map