import { memo, useCallback } from 'react';
import { useAmityComponent } from '../../../../hooks';
import { PageID, ComponentID } from '../../../../enums';
import { emptyCommunity } from '../../../../../core/assets/icons';
import TitleElement from '../../../../elements/TitleElement/TitleElement';
import DescriptionElement from '../../../../elements/DescriptionElement/DescriptionElement';
import { View } from 'react-native';
import { useStyles } from './styles';
import { SvgXml } from 'react-native-svg';
import ExploreCreateCommunity from '../../../../elements/ExploreCreateCommunity/ExploreCreateCommunity';
import { useNavigation } from '@react-navigation/native';
const AmityExploreEmptyComponent = ({
  pageId = PageID.WildCardPage
}) => {
  const componentId = ComponentID.explore_empty;
  const {
    isExcluded,
    accessibilityId
  } = useAmityComponent({
    pageId,
    componentId
  });
  const styles = useStyles();
  const navigation = useNavigation();
  const onPressCreateCommunity = useCallback(() => {
    navigation.navigate('CreateCommunity');
  }, [navigation]);
  if (isExcluded) return null;
  return /*#__PURE__*/React.createElement(View, {
    testID: accessibilityId,
    style: styles.container
  }, /*#__PURE__*/React.createElement(SvgXml, {
    xml: emptyCommunity({})
  }), /*#__PURE__*/React.createElement(TitleElement, {
    pageId: pageId,
    componentId: componentId,
    style: styles.title
  }), /*#__PURE__*/React.createElement(DescriptionElement, {
    pageId: pageId,
    componentId: componentId,
    style: styles.description
  }), /*#__PURE__*/React.createElement(ExploreCreateCommunity, {
    pageId: pageId,
    componentId: componentId,
    style: styles.createCommunityButton,
    onPress: onPressCreateCommunity
  }));
};
export default /*#__PURE__*/memo(AmityExploreEmptyComponent);
//# sourceMappingURL=ExploreEmpty.js.map