@devrue/rn-select
Version:
Custom typescript only select component for react native
49 lines (48 loc) • 1.73 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = EmptyList;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _useStyles = _interopRequireDefault(require("../hooks/useStyles"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function EmptyList({
msg,
textStyle,
createOption,
onCreate
}) {
const styles = (0, _useStyles.default)(({
tokens: {
size
}
}) => ({
container: {
flex: 1,
justifyContent: !createOption ? 'center' : undefined,
alignItems: 'center'
},
text: {
fontSize: size.md,
fontStyle: 'italic',
color: '#808080',
textAlign: 'center',
paddingVertical: size.lg
},
create: {
padding: size.sm,
backgroundColor: '#f9f9f9',
width: '100%'
}
}), []);
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
style: [styles.container]
}, !createOption && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (typeof msg === 'string' || msg === undefined) && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
style: [styles.text, textStyle]
}, msg ?? '"No option matched your search"') || msg), createOption && (typeof createOption === 'string' ? /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
style: styles.create,
onPress: () => onCreate === null || onCreate === void 0 ? void 0 : onCreate(createOption)
}, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Create \"", createOption, "\"")) : createOption));
}
//# sourceMappingURL=EmptyList.js.map