import { memo } from 'react';
import { StyleSheet, Image } from 'react-native';
import { useConfigImageUri } from '../../hooks/useConfigImageUri';
import { useAmityElement } from '../../hooks';
import { PageID, ComponentID, ElementID } from '../../enums';
const CommunityEmptyImage = ({
  pageId = PageID.WildCardPage,
  componentId = ComponentID.WildCardComponent
}) => {
  const elementId = ElementID.community_empty_title;
  const {
    themeStyles
  } = useAmityElement({
    pageId,
    componentId,
    elementId
  });
  const styles = StyleSheet.create({
    image: {
      width: 60,
      height: 60,
      tintColor: themeStyles.colors.secondaryShade4
    }
  });
  const emptyListIcon = useConfigImageUri({
    configPath: {
      page: pageId,
      component: componentId,
      element: ElementID.community_empty_image
    },
    configKey: 'icon'
  });
  return /*#__PURE__*/React.createElement(Image, {
    source: emptyListIcon,
    style: styles.image
  });
};
export default /*#__PURE__*/memo(CommunityEmptyImage);
//# sourceMappingURL=CommunityEmptyImage.js.map