import { Text, View } from 'react-native';
import { useStyles } from './styles';
import { useAmityElement } from '../../../../hooks';
import { ElementID } from '../../../../enums';
export function CommunityCategory({
  categoryName,
  style,
  maxWidth,
  pageId,
  componentId
}) {
  const {
    styles
  } = useStyles();
  const {
    accessibilityId,
    isExcluded
  } = useAmityElement({
    pageId,
    componentId,
    elementId: ElementID.community_category
  });
  if (isExcluded) return null;
  return /*#__PURE__*/React.createElement(View, {
    testID: accessibilityId,
    style: [styles.chipContainer, maxWidth ? {
      maxWidth: maxWidth
    } : null, style]
  }, /*#__PURE__*/React.createElement(Text, {
    style: styles.chipText,
    numberOfLines: 1
  }, categoryName));
}
//# sourceMappingURL=CommunityCategory.js.map