"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.bodySmallLineHeight = exports.bodySmallFontSize = exports.BodySmall = void 0;
var _react = require("react");
var _reactNative = require("react-native");
var _context = require("../../context");
var _IOText = require("./IOText");
var _jsxRuntime = require("react/jsx-runtime");
const bodySmallFontSize = exports.bodySmallFontSize = 14;
const bodySmallLineHeight = exports.bodySmallLineHeight = 21;

/**
 * `BodySmall` typographic style
 */
const BodySmall = exports.BodySmall = /*#__PURE__*/(0, _react.forwardRef)(({
  weight: customWeight,
  color: customColor,
  asLink,
  avoidPressable,
  accessibilityRole = "link",
  textStyle: customTextStyle,
  onPress,
  ...props
}, ref) => {
  const theme = (0, _context.useIOTheme)();
  const defaultColor = asLink ? theme["interactiveElem-default"] : theme["textBody-tertiary"];
  const BodySmallProps = {
    ...props,
    dynamicTypeRamp: "footnote" /* iOS only */,
    weight: customWeight ?? "Regular",
    size: bodySmallFontSize,
    lineHeight: bodySmallLineHeight,
    color: customColor ?? defaultColor,
    ...(asLink ? {
      accessibilityRole,
      textStyle: customTextStyle ?? {
        textDecorationLine: "underline"
      }
    } : {})
  };
  if (asLink && !avoidPressable) {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
      onPress: onPress,
      ref: ref,
      accessibilityRole: accessibilityRole,
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IOText.IOText, {
        ...BodySmallProps,
        children: props.children
      })
    });
  }
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IOText.IOText, {
    ref: ref,
    ...BodySmallProps,
    onPress: asLink && avoidPressable ? onPress : undefined,
    children: props.children
  });
});
//# sourceMappingURL=BodySmall.js.map