react-native-ui-lib/src/components/wizard/WizardStates.js

<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a

import Colors from "../../style/colors";

const checkMarkSmall = require("./assets/checkMarkSmall.png");

const exclamationSmall = require("./assets/exclamationSmall.png");

export const StatesConfig = {
  enabled: {
    color: Colors.grey30,
    circleColor: Colors.grey60,
    enabled: true
  },
  disabled: {
    color: Colors.grey50,
    circleColor: Colors.grey60
  },
  error: {
    color: Colors.red30,
    icon: exclamationSmall,
    enabled: true,
    accessibilityInfo: 'Validation Error'
  },
  skipped: {
    color: Colors.red30,
    enabled: true,
    accessibilityInfo: 'Not completed'
  },
  completed: {
    color: Colors.grey30,
    circleColor: Colors.grey60,
    icon: checkMarkSmall,
    enabled: true,
    accessibilityInfo: 'Completed'
  },
  active: {
    color: Colors.blue10,
    circleColor: Colors.blue10
  }
};