respond-framework
Version:
create as fast you think
50 lines (49 loc) • 1.45 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var React = require("react");
var _reactNative = require("react-native");
var _Pressable = require("./Pressable.js");
var _styles = require("../styles.js");
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
var _default = exports.default = /*#__PURE__*/React.memo(({
label,
first,
last,
...props
}) => /*#__PURE__*/React.createElement(_Pressable.default, _extends({}, props, {
styleHover: s.hover,
style: [s.c, first && s.l, last && s.r]
}), /*#__PURE__*/React.createElement(_reactNative.Text, {
style: s.label
}, label)));
const s = _reactNative.StyleSheet.create({
c: {
height: '100%',
alignItems: 'center',
justifyContent: 'center',
borderWidth: 1,
backgroundColor: _styles.colors.blackLight,
borderColor: _styles.colors.greyLight,
paddingHorizontal: 8
},
l: {
borderTopLeftRadius: 5,
borderBottomLeftRadius: 5
},
r: {
borderTopRightRadius: 5,
borderBottomRightRadius: 5
},
hover: {
backgroundColor: _styles.colors.grey
},
label: {
fontSize: 12,
lineHeight: 12,
color: _styles.colors.white,
textAlign: 'center'
}
});