@madeja-studio/telar/lib/commonjs/component/NavigationBar/NavigationBarButton.js

UI component library by Madeja Studio

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.NavigationBarButton=void 0;var _vectorIcons=_interopRequireDefault(require("@expo/vector-icons"));var _polished=require("polished");var _index=require("../../animation/index.js");var _index2=_interopRequireDefault(require("../../tailwind/index.js"));var _ThemeContextProvider=require("../../theme/ThemeContextProvider.js");var _AnimatedPressable=require("../Button/AnimatedPressable.js");var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/sergio/Development/madeja.studio/telar/src/component/NavigationBar/NavigationBarButton.tsx";var NavigationBarButton=exports.NavigationBarButton=function NavigationBarButton(_ref){var icon=_ref.icon,isActive=_ref.isActive,onPress=_ref.onPress,testID=_ref.testID;var _useTheme=(0,_ThemeContextProvider.useTheme)(),theme=_useTheme.theme;var _useAnimation=(0,_index.useAnimation)([(0,_index.rotate)({from:15})]),animatedStyle=_useAnimation.animatedStyle,animationStart=_useAnimation.animationStart,animationStop=_useAnimation.animationStop;var IconComponent=_vectorIcons.default[icon.family];return(0,_jsxRuntime.jsx)(_AnimatedPressable.AnimatedPressable,{onPress:onPress,onPressIn:function onPressIn(){return animationStart();},onPressOut:function onPressOut(){return animationStop();},style:[(0,_index2.default)`p-6`,animatedStyle],testID:testID,children:(0,_jsxRuntime.jsx)(IconComponent,{color:isActive?theme.navigationBar.color.text:(0,_polished.transparentize)(0.5,theme.navigationBar.color.text),name:icon.name,size:24})});};
//# sourceMappingURL=NavigationBarButton.js.map