react-native-multistep/lib/commonjs/styles.js

Create multi-step forms with ease in your React Native app

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.styles = void 0;
var _reactNative = require("react-native");
var _constants = require("./constants.js");
const styles = exports.styles = _reactNative.StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'white'
  },
  indicatorContainer: {
    flexDirection: 'row',
    justifyContent: 'center'
  },
  stepContainer: {
    flexDirection: 'row',
    alignItems: 'center'
  },
  stepIndicator: {
    width: 35,
    height: 35,
    borderRadius: 20,
    borderWidth: 2,
    borderColor: _constants.SECONDARY,
    backgroundColor: 'white',
    justifyContent: 'center',
    alignItems: 'center'
  },
  activeStep: {
    borderColor: _constants.PRIMARY,
    backgroundColor: _constants.PRIMARY
  },
  stepText: {
    color: _constants.SECONDARY,
    fontWeight: 'bold',
    fontSize: 16
  },
  activeStepText: {
    color: 'white'
  },
  line: {
    width: 25,
    height: 2,
    backgroundColor: _constants.SECONDARY,
    marginHorizontal: 10
  },
  activeLine: {
    backgroundColor: _constants.PRIMARY
  },
  contentContainer: {
    flexGrow: 1,
    justifyContent: 'center',
    alignItems: 'center',
    marginTop: 15,
    paddingTop: 30,
    paddingBottom: 0
  },
  fixedFooter: {
    position: 'absolute',
    bottom: 0,
    width: '100%',
    flexDirection: 'row',
    justifyContent: 'center',
    backgroundColor: 'white'
  },
  button: {
    paddingVertical: 10,
    paddingHorizontal: 20,
    borderRadius: 20
  },
  backButton: {
    backgroundColor: _constants.SECONDARY,
    marginRight: 10
  },
  backButtonText: {
    color: '#fff',
    fontWeight: 'bold'
  },
  nextButton: {
    backgroundColor: _constants.PRIMARY
  },
  nextButtonText: {
    color: 'white',
    fontWeight: 'bold'
  }
});
//# sourceMappingURL=styles.js.map