"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.RadioInput = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const RadioInput = ({
  option,
  checked,
  onChange,
  radioColor = '#0052CD'
}) => {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
    style: styles.container,
    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
      style: styles.radioContainer,
      onPress: () => onChange(option.value),
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
        style: [styles.radioCircle, {
          borderColor: radioColor,
          backgroundColor: checked ? radioColor : 'transparent'
        }]
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
        style: styles.radioLabel,
        children: option.label
      })]
    }, option.label)
  });
};
exports.RadioInput = RadioInput;
const styles = _reactNative.StyleSheet.create({
  container: {
    flexDirection: 'column'
  },
  radioContainer: {
    flexDirection: 'row',
    alignItems: 'center',
    marginBottom: 10
  },
  radioCircle: {
    width: 20,
    height: 20,
    borderRadius: 10,
    borderWidth: 2,
    marginRight: 10
  },
  radioLabel: {
    fontSize: 16,
    color: '#333'
  }
});
//# sourceMappingURL=RadioInput.js.map