import { memo } from 'react';
import { StyleSheet } from 'react-native';
import { Typography } from '../../../core/components/Typography/Typography';
import { useAmityElement } from '../../hooks';
import { PageID, ComponentID, ElementID } from '../../enums';
const CommunityEmptyTitle = ({
  pageId = PageID.WildCardPage,
  componentId = ComponentID.WildCardComponent
}) => {
  const elementId = ElementID.community_empty_title;
  const {
    themeStyles,
    config
  } = useAmityElement({
    pageId,
    componentId,
    elementId
  });
  const styles = StyleSheet.create({
    title: {
      color: themeStyles === null || themeStyles === void 0 ? void 0 : themeStyles.colors.baseShade3
    }
  });
  return /*#__PURE__*/React.createElement(Typography.TitleBold, {
    style: styles.title,
    numberOfLines: 1
  }, (config === null || config === void 0 ? void 0 : config.text) || 'No community yet');
};
export default /*#__PURE__*/memo(CommunityEmptyTitle);
//# sourceMappingURL=CommunityEmptyTitle.js.map