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