react-rn-progressor/mobile/Fence/helpers/subcomponents.js

A customizable collection of progress indicators for React and React Native

Object.defineProperty(exports,"__esModule",{value:true});exports.Block=exports.Container=undefined;var _jsxFileName='src/mobile/Fence/helpers/subcomponents.js';var _react=require('react');var _react2=_interopRequireDefault(_react);var _propTypes=require('prop-types');var _propTypes2=_interopRequireDefault(_propTypes);var _reactNative=require('react-native');function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}var Styles=_reactNative.StyleSheet.create({Container:{position:'relative',flexDirection:'row',justifyContent:'space-between',alignItems:'flex-end'}});var Container=exports.Container=function Container(_ref){var style=_ref.style,children=_ref.children;return _react2.default.createElement(_reactNative.View,{style:[Styles.Container,style],__source:{fileName:_jsxFileName,lineNumber:15}},children);};var Block=exports.Block=function Block(_ref2){var width=_ref2.width,height=_ref2.height,active=_ref2.active,aColor=_ref2.aColor,iaColor=_ref2.iaColor,style=_ref2.style,children=_ref2.children;return _react2.default.createElement(_reactNative.View,{style:[{width:width/11,height:active?height:height*2/3,backgroundColor:active?aColor:iaColor},style],__source:{fileName:_jsxFileName,lineNumber:21}},children);};Container.propTypes={style:_propTypes2.default.object,children:_propTypes2.default.element};Block.propTypes={style:_propTypes2.default.object,children:_propTypes2.default.element,active:_propTypes2.default.string,aColor:_propTypes2.default.string,iaColor:_propTypes2.default.string,width:_propTypes2.default.number,height:_propTypes2.default.number};