@madeja-studio/telar/lib/commonjs/component/Pager/PageIndicator.js

UI component library by Madeja Studio

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _cepillo=require("@madeja-studio/cepillo");var _reactNative=require("react-native");var _ThemeContextProvider=require("theme/ThemeContextProvider");var _index=_interopRequireDefault(require("../../tailwind/index.js"));var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/sergio/Development/madeja.studio/telar/src/component/Pager/PageIndicator.tsx";var Circle=function Circle(_ref){var isSelected=_ref.isSelected;var _useTheme=(0,_ThemeContextProvider.useTheme)(),theme=_useTheme.theme;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[(0,_index.default)`w-2 h-2 mx-1 rounded-full`,{backgroundColor:isSelected?theme.pager.color.selected:theme.pager.color.unselected}]});};var PageIndicator=function PageIndicator(_ref2){var numberOfPages=_ref2.numberOfPages,page=_ref2.page;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:(0,_index.default)`center`,children:(0,_cepillo.repeat)(numberOfPages,function(i){return i;}).map(function(index){return(0,_jsxRuntime.jsx)(Circle,{isSelected:page===index},index);})});};var _default=exports.default=PageIndicator;
//# sourceMappingURL=PageIndicator.js.map