import { c as _c } from "react/compiler-runtime";
import * as stylex from "@stylexjs/stylex";
import { memo } from "react";
import { color, font, size } from "./tokens.stylex";
const styles = stylex.create({
  code: {
    fontFamily: font.monospace,
    backgroundColor: color.gray500,
    padding: `${size.px0_5} ${size.px1_5}`,
    fontWeight: "bold"
  },
  thin: {
    fontWeight: "normal"
  }
});
export default memo(function InlineCode(t0) {
  const $ = _c(5);
  const {
    children,
    thin
  } = t0;
  let t1;
  if ($[0] !== thin) {
    t1 = stylex.props(styles.code, thin && styles.thin);
    $[0] = thin;
    $[1] = t1;
  } else {
    t1 = $[1];
  }
  let t2;
  if ($[2] !== children || $[3] !== t1) {
    t2 = <code {...t1}>{children}</code>;
    $[2] = children;
    $[3] = t1;
    $[4] = t2;
  } else {
    t2 = $[4];
  }
  return t2;
});
//# sourceMappingURL=InlineCode.jsx.map