import { View } from 'react-native';
import { memo } from 'react';
import { useStyles } from './styles';
import { PageID } from '../../../enums';
import { arrowRight } from '../../../../core/assets/icons';
import { SvgXml } from 'react-native-svg';
import CategoryRowImage from '../../../elements/CategoryRowImage/CategoryRowImage';
import CategoryRowName from '../../../elements/CategoryRowName/CategoryRowName';
const CategoryRowItem = ({
  category,
  pageId = PageID.WildCardPage
}) => {
  const styles = useStyles();
  return /*#__PURE__*/React.createElement(View, {
    style: styles.container
  }, /*#__PURE__*/React.createElement(CategoryRowImage, {
    pageId: pageId,
    avatarFileId: category.avatarFileId
  }), /*#__PURE__*/React.createElement(CategoryRowName, {
    pageId: pageId,
    name: category.name
  }), /*#__PURE__*/React.createElement(SvgXml, {
    xml: arrowRight(),
    width: 24,
    height: 24
  }));
};
export default /*#__PURE__*/memo(CategoryRowItem);
//# sourceMappingURL=CategoryRowItem.js.map