react-native-credit-cards
Version:
A customizable credit card form component for React Native with card flip animation and validation
51 lines (50 loc) • 1.17 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.styles = void 0;
const react_native_1 = require("react-native");
exports.styles = react_native_1.StyleSheet.create({
container: {
flex: 1,
},
input: {
borderWidth: 1,
borderColor: '#ccc',
padding: 12,
borderRadius: 8,
backgroundColor: '#fff',
marginVertical: 8,
},
inputCVC: {
justifyContent: "flex-end",
borderWidth: 1,
borderColor: '#ccc',
padding: 12,
borderRadius: 8,
backgroundColor: '#fff',
marginVertical: 8,
width: 80,
textAlign: 'center',
},
inputMMYY: {
borderWidth: 1,
textAlign: 'center',
borderColor: '#ccc',
padding: 12,
borderRadius: 8,
backgroundColor: '#fff',
marginVertical: 8,
width: 80,
},
disabledInput: {
backgroundColor: '#F3F6FB',
},
errorInput: {
borderColor: '#A30034',
borderWidth: 0.5,
},
errorText: {
color: '#A30034',
fontSize: 10,
marginBottom: 4,
},
});