"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.CodeBlock = void 0;
var _reactNative = require("react-native");
var _context = require("../../context");
var _core = require("../../core");
var _BodyMonospace = require("../typography/BodyMonospace");
var _jsxRuntime = require("react/jsx-runtime");
/**
 * Theme-aware code block with a subtle background and border,
 * similar to GitHub's fenced code block styling.
 */
const CodeBlock = ({
  content
}) => {
  const theme = (0, _context.useIOTheme)();
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
    style: {
      backgroundColor: _core.IOColors[theme["appBackground-secondary"]],
      borderColor: _core.IOColors[theme["cardBorder-default"]],
      borderWidth: 1,
      borderRadius: 4,
      borderCurve: "continuous",
      paddingHorizontal: 16,
      paddingVertical: 12
    },
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BodyMonospace.BodyMonospace, {
      children: content
    })
  });
};
exports.CodeBlock = CodeBlock;
//# sourceMappingURL=CodeBlock.js.map