@madeja-studio/telar
Version:
UI component library by Madeja Studio
2 lines • 1.27 kB
JavaScript
;var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.NavigationBar=void 0;var _reactNative=require("react-native");var _index=_interopRequireDefault(require("../../tailwind/index.js"));var _NavigationBarButton=require("./NavigationBarButton.js");var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/sergio/Development/madeja.studio/telar/src/component/NavigationBar/NavigationBar.tsx";var NavigationBar=exports.NavigationBar=function NavigationBar(_ref){var insets=_ref.insets,_onPress=_ref.onPress,options=_ref.options,state=_ref.state;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[(0,_index.default)`absolute w-screen bottom-2 flex-row center`,{paddingBottom:insets.bottom}],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:(0,_index.default)`flex-row rounded-2xl border border-white mx-2`,children:options.map(function(option,index){return(0,_jsxRuntime.jsx)(_NavigationBarButton.NavigationBarButton,{icon:option.icon,isActive:state.index===index,onPress:function onPress(){return _onPress(index);},testID:option.testID},`${option.icon.family}_${option.icon.name}`);})})});};
//# sourceMappingURL=NavigationBar.js.map