"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ModuleSummary = void 0;
var _reactNative = require("react-native");
var _context = require("../../context");
var _icons = require("../icons");
var _typography = require("../typography");
var _PressableModuleBase = require("./PressableModuleBase");
var _jsxRuntime = require("react/jsx-runtime");
const ModuleSummary = ({
  label,
  description,
  onPress,
  icon = "info"
}) => {
  const theme = (0, _context.useIOTheme)();
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PressableModuleBase.PressableModuleBase, {
    onPress: onPress,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
      style: {
        flexGrow: 1,
        flexShrink: 1
      },
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.H6, {
        color: theme["textBody-default"],
        children: label
      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.BodySmall, {
        weight: "Regular",
        color: theme["textBody-tertiary"],
        children: description
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
      style: {
        marginLeft: 8
      },
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
        name: icon,
        color: theme["interactiveElem-default"],
        size: 24
      })
    })]
  });
};
exports.ModuleSummary = ModuleSummary;
//# sourceMappingURL=ModuleSummary.js.map