@fruits-chain/react-native-xiaoshu/lib/module/popup/popup-header.js

🌈 React Native UI library

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

import React, { memo } from 'react';
import { usePersistFn } from '../hooks';
import CrossOutline from '../icon/cross';
import NavBar from '../nav-bar';
import Theme from '../theme';
import { varCreator } from './style';
import { styleCreator } from './style.header';

const PopupHeader = _ref => {
  let {
    showClose = true,
    onClose,
    rightExtra,
    ...restProps
  } = _ref;
  const onClosePersistFn = usePersistFn(onClose);
  const TOKENS = Theme.useThemeTokens();
  const CV = Theme.createVar(TOKENS, varCreator);
  const STYLES = Theme.createStyle(CV, styleCreator);
  const rightExtraJSX = /*#__PURE__*/React.createElement(React.Fragment, null, rightExtra, showClose ? /*#__PURE__*/React.createElement(CrossOutline, {
    style: STYLES.icon,
    color: CV.popup_close_icon_color,
    size: CV.popup_close_icon_size,
    onPress: onClosePersistFn
  }) : null);
  return /*#__PURE__*/React.createElement(NavBar, _extends({}, restProps, {
    rightExtra: rightExtraJSX,
    showBackArrow: false,
    divider: false
  }));
};

export default /*#__PURE__*/memo(PopupHeader);
//# sourceMappingURL=popup-header.js.map