"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _reactNative = require("react-native");
var _components = require("../../components");
var _useI18n = require("../../hooks/useI18n");
var _jsxRuntime = require("react/jsx-runtime");
const KarmaAboutScreen = ({
  goBack,
  theme
}) => {
  const {
    t
  } = (0, _useI18n.useI18n)();
  const isDarkTheme = theme === 'dark';
  const backgroundColor = isDarkTheme ? '#121212' : '#FFFFFF';
  const textColor = isDarkTheme ? '#FFFFFF' : '#000000';
  const primaryColor = '#d169e5';
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
    style: [styles.container, {
      backgroundColor
    }],
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Header, {
      title: t('karma.about.title') || 'About Karma',
      subtitle: t('karma.about.subtitle') || 'Learn about the karma system',
      theme: theme,
      onBack: goBack,
      elevation: "subtle"
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
      contentContainerStyle: styles.contentContainer,
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
        style: [styles.paragraph, {
          color: textColor
        }],
        children: t('karma.about.intro') || 'Karma is a recognition of your positive actions in the Oxy Ecosystem. It cannot be sent or received directly, only earned by contributing to the community.'
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
        style: [styles.section, {
          color: primaryColor
        }],
        children: t('karma.about.how.title') || 'How to Earn Karma'
      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
        style: [styles.paragraph, {
          color: textColor
        }],
        children: ["\u2022 ", t('karma.about.how.help') || 'Helping other users', '\n', "\u2022 ", t('karma.about.how.report') || 'Reporting bugs', '\n', "\u2022 ", t('karma.about.how.contribute') || 'Contributing content', '\n', "\u2022 ", t('karma.about.how.participate') || 'Participating in events', '\n', "\u2022 ", t('karma.about.how.other') || 'Other positive actions']
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
        style: [styles.section, {
          color: primaryColor
        }],
        children: t('karma.about.why.title') || 'Why Karma?'
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
        style: [styles.paragraph, {
          color: textColor
        }],
        children: t('karma.about.why.text') || 'Karma unlocks special features and recognition in the Oxy Ecosystem. The more you contribute, the more you earn!'
      })]
    })]
  });
};
const styles = _reactNative.StyleSheet.create({
  container: {
    flex: 1
  },
  title: {
    fontFamily: _reactNative.Platform.OS === 'web' ? 'Phudu' // Use CSS font name directly for web
    : 'Phudu-Bold',
    // Use exact font name as registered with Font.loadAsync
    fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined,
    // Only apply fontWeight on web
    fontSize: 54,
    margin: 24,
    marginBottom: 24
  },
  contentContainer: {
    padding: 24,
    paddingTop: 20
  },
  section: {
    fontSize: 18,
    fontWeight: 'bold',
    marginTop: 24,
    marginBottom: 8
  },
  paragraph: {
    fontSize: 16,
    marginBottom: 12
  }
});
var _default = exports.default = KarmaAboutScreen;
//# sourceMappingURL=KarmaAboutScreen.js.map