var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");var _jsxRuntime = require("react/jsx-runtime");var _jsxFileName = "/Users/ryan/Sites/rn-shiki/src/components/syntax/SyntaxLine.tsx";






function SyntaxLine(_ref) {var _this = this;var line = _ref.line,fontSize = _ref.fontSize;
  return (/*#__PURE__*/
    (0, _jsxRuntime.jsx)(_reactNative.View, { style: { flexDirection: 'row', flexWrap: 'wrap' }, children:
      line.map(function (token, tokenIndex) {
        // Preserve whitespace
        var content = token.content.replace(/ /g, "\xA0");
        return (/*#__PURE__*/
          (0, _jsxRuntime.jsx)(_reactNative.Text, {

            style: {
              color: token.color,
              fontFamily: 'monospace',
              fontSize: fontSize,
              fontStyle: token.fontStyle
            }, children:

            content }, `${content}-${tokenIndex}`
          ));

      }) }
    ));

}var _default = exports.default =

SyntaxLine;
//# sourceMappingURL=SyntaxLine.js.map