import { View } from 'react-native';
import { Title, CloseButton } from '../../../../../elements';
import { useNavigation } from '@react-navigation/native';
import { useStyles } from './styles';
import { Typography } from '../../../../../../core/components/Typography/Typography';
function Header({
  count,
  total,
  bordered
}) {
  const {
    styles
  } = useStyles();
  const navigation = useNavigation();
  return /*#__PURE__*/React.createElement(View, {
    style: [styles.container, bordered && styles.border]
  }, /*#__PURE__*/React.createElement(CloseButton, {
    onPress: navigation.goBack
  }), /*#__PURE__*/React.createElement(Title, null, "Select category"), /*#__PURE__*/React.createElement(Typography.Caption, {
    style: styles.categoryCount
  }, count, "/", total));
}
export default Header;
//# sourceMappingURL=Header.js.map