import { Image, Text, TouchableOpacity } from 'react-native';
import { memo } from 'react';
import { ComponentID, ElementID, PageID } from '../../../../../enums';
import useConfig from '../../../../../hooks/useConfig';
import { useConfigImageUri, useUiKitConfig } from '../../../../../hooks';
import { useStyles } from './styles/styles';
const ExploreCommunityButton = ({
  onPressExploreCommunity
}) => {
  const {
    excludes
  } = useConfig();
  const styles = useStyles();
  const [text] = useUiKitConfig({
    keys: ['text'],
    page: PageID.social_home_page,
    component: ComponentID.empty_newsfeed,
    element: ElementID.explore_communities_button
  });
  const icon = useConfigImageUri({
    configKey: 'icon',
    configPath: {
      page: PageID.social_home_page,
      component: ComponentID.empty_newsfeed,
      element: ElementID.explore_communities_button
    }
  });
  if (excludes.includes('social_home_page/empty_newsfeed/explore_communitties_button')) return null;
  return /*#__PURE__*/React.createElement(TouchableOpacity, {
    style: styles.exploreBtn,
    onPress: () => onPressExploreCommunity && onPressExploreCommunity()
  }, /*#__PURE__*/React.createElement(Image, {
    source: icon,
    style: styles.exploreIcon,
    resizeMode: "contain"
  }), /*#__PURE__*/React.createElement(Text, {
    style: styles.exploreText
  }, text));
};
export default /*#__PURE__*/memo(ExploreCommunityButton);
//# sourceMappingURL=ExploreCommunityButton.js.map