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 CategoryTitle = ({
  title,
  pageId = PageID.WildCardPage,
  componentId = ComponentID.WildCardComponent
}) => {
  const elementId = ElementID.category_title;
  const {
    themeStyles
  } = useAmityElement({
    pageId,
    componentId,
    elementId
  });
  const styles = StyleSheet.create({
    title: {
      flex: 1,
      color: themeStyles === null || themeStyles === void 0 ? void 0 : themeStyles.colors.base,
      textAlign: 'center'
    }
  });
  return /*#__PURE__*/React.createElement(Typography.TitleBold, {
    style: styles.title,
    numberOfLines: 1
  }, title);
};
export default /*#__PURE__*/memo(CategoryTitle);
//# sourceMappingURL=CategoryTitle.js.map