@fruits-chain/react-native-xiaoshu/lib/module/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 { CrossOutline } from '../icon';
import { useTheme, widthStyle } from '../theme';
import NavBar from '../nav-bar';
import { usePersistFn } from '../hooks';
import { createStyles } from './style.header';

const PopupHeader = _ref => {
  let {
    showClose = true,
    onClose,
    rightExtra,
    ...restProps
  } = _ref;
  const onClosePersistFn = usePersistFn(onClose);
  const THEME_VAR = useTheme();
  const STYLES = widthStyle(THEME_VAR, createStyles);
  const rightExtraJSX = /*#__PURE__*/React.createElement(React.Fragment, null, rightExtra, showClose ? /*#__PURE__*/React.createElement(CrossOutline, {
    style: STYLES.icon,
    color: THEME_VAR.popup_close_icon_color,
    size: THEME_VAR.popup_close_icon_size,
    onPress: onClosePersistFn
  }) : null);
  return /*#__PURE__*/React.createElement(NavBar, _extends({}, restProps, {
    rightExtra: rightExtraJSX,
    showBackArrow: false,
    bordered: false
  }));
};

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