import { memo } from 'react';
import { ComponentID, ElementID, PageID } from '../../../../../enums';
import { Typography } from '../../../../../../core/components/Typography/Typography';
import { useStyles } from './styles';
import { useAmityElement } from '../../../../../hooks';
import { View } from 'react-native';
const TrendingCommunityTitleComponent = ({
  pageId = PageID.WildCardPage
}) => {
  const {
    isExcluded,
    accessibilityId,
    themeStyles,
    config
  } = useAmityElement({
    pageId,
    componentId: ComponentID.WildCardComponent,
    elementId: ElementID.explore_trending_title
  });
  const styles = useStyles(themeStyles);
  if (isExcluded) return null;
  return /*#__PURE__*/React.createElement(View, {
    style: styles.titleContainer
  }, /*#__PURE__*/React.createElement(Typography.TitleBold, {
    testID: accessibilityId,
    style: styles.titleText
  }, (config === null || config === void 0 ? void 0 : config.text) || 'Trending now'));
};
export default /*#__PURE__*/memo(TrendingCommunityTitleComponent);
//# sourceMappingURL=TrendingCommunityTitle.js.map