"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _hooks = require("../../../../hooks");
var _enums = require("../../../../enums");
var _icons = require("../../../../../core/assets/icons");
var _TitleElement = _interopRequireDefault(require("../../../../elements/TitleElement/TitleElement"));
var _DescriptionElement = _interopRequireDefault(require("../../../../elements/DescriptionElement/DescriptionElement"));
var _reactNative = require("react-native");
var _styles = require("./styles");
var _reactNativeSvg = require("react-native-svg");
var _ExploreCreateCommunity = _interopRequireDefault(require("../../../../elements/ExploreCreateCommunity/ExploreCreateCommunity"));
var _native = require("@react-navigation/native");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const AmityExploreCommunityEmptyComponent = ({
  pageId = _enums.PageID.WildCardPage
}) => {
  const componentId = _enums.ComponentID.explore_community_empty;
  const {
    isExcluded,
    accessibilityId
  } = (0, _hooks.useAmityComponent)({
    pageId,
    componentId
  });
  const styles = (0, _styles.useStyles)();
  const navigation = (0, _native.useNavigation)();
  const onPressCreateCommunity = (0, _react.useCallback)(() => {
    navigation.navigate('CreateCommunity');
  }, [navigation]);
  if (isExcluded) return null;
  return /*#__PURE__*/React.createElement(_reactNative.View, {
    testID: accessibilityId,
    style: styles.container
  }, /*#__PURE__*/React.createElement(_reactNativeSvg.SvgXml, {
    xml: (0, _icons.emptyCommunity)({})
  }), /*#__PURE__*/React.createElement(_TitleElement.default, {
    pageId: pageId,
    componentId: componentId,
    style: styles.title
  }), /*#__PURE__*/React.createElement(_DescriptionElement.default, {
    pageId: pageId,
    componentId: componentId,
    style: styles.description
  }), /*#__PURE__*/React.createElement(_ExploreCreateCommunity.default, {
    pageId: pageId,
    componentId: componentId,
    style: styles.createCommunityButton,
    onPress: onPressCreateCommunity
  }));
};
var _default = exports.default = /*#__PURE__*/(0, _react.memo)(AmityExploreCommunityEmptyComponent);
//# sourceMappingURL=ExploreCommunityEmpty.js.map