import { ComponentID, ElementID, PageID } from '../../enums';
import { useAmityElement, useConfigImageUri } from '../../hooks';
import { StyleSheet } from 'react-native';
import { Image } from 'react-native';
const CommunityOfficialBadge = ({
  pageId = PageID.WildCardPage,
  componentId = ComponentID.WildCardComponent
}) => {
  const elementId = ElementID.community_official_badge;
  const {
    isExcluded,
    accessibilityId,
    themeStyles
  } = useAmityElement({
    pageId,
    componentId,
    elementId
  });
  const {
    uri
  } = useConfigImageUri({
    configPath: {
      page: pageId,
      component: componentId,
      element: elementId
    },
    configKey: 'image'
  });
  const styles = StyleSheet.create({
    image: {
      width: 20,
      height: 20,
      tintColor: themeStyles.colors.primary
    }
  });
  if (isExcluded) return null;
  return /*#__PURE__*/React.createElement(Image, {
    testID: accessibilityId,
    source: {
      uri
    },
    resizeMode: "cover",
    style: styles.image
  });
};
export default CommunityOfficialBadge;
//# sourceMappingURL=CommunityOfficialBadge.js.map