"use strict";

import { View } from "react-native";
import { useIOTheme } from "../../context";
import { IOColors } from "../../core";
import { BodyMonospace } from "../typography/BodyMonospace";
import { jsx as _jsx } from "react/jsx-runtime";
/**
 * Theme-aware code block with a subtle background and border,
 * similar to GitHub's fenced code block styling.
 */
export const CodeBlock = ({
  content
}) => {
  const theme = useIOTheme();
  return /*#__PURE__*/_jsx(View, {
    style: {
      backgroundColor: IOColors[theme["appBackground-secondary"]],
      borderColor: IOColors[theme["cardBorder-default"]],
      borderWidth: 1,
      borderRadius: 4,
      borderCurve: "continuous",
      paddingHorizontal: 16,
      paddingVertical: 12
    },
    children: /*#__PURE__*/_jsx(BodyMonospace, {
      children: content
    })
  });
};
//# sourceMappingURL=CodeBlock.js.map