"use strict";

import { View } from "react-native";
import { useIOTheme } from "../../context";
import { Icon } from "../icons";
import { H6, BodySmall } from "../typography";
import { PressableModuleBase } from "./PressableModuleBase";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export const ModuleSummary = ({
  label,
  description,
  onPress,
  icon = "info"
}) => {
  const theme = useIOTheme();
  return /*#__PURE__*/_jsxs(PressableModuleBase, {
    onPress: onPress,
    children: [/*#__PURE__*/_jsxs(View, {
      style: {
        flexGrow: 1,
        flexShrink: 1
      },
      children: [/*#__PURE__*/_jsx(H6, {
        color: theme["textBody-default"],
        children: label
      }), description && /*#__PURE__*/_jsx(BodySmall, {
        weight: "Regular",
        color: theme["textBody-tertiary"],
        children: description
      })]
    }), /*#__PURE__*/_jsx(View, {
      style: {
        marginLeft: 8
      },
      children: /*#__PURE__*/_jsx(Icon, {
        name: icon,
        color: theme["interactiveElem-default"],
        size: 24
      })
    })]
  });
};
//# sourceMappingURL=ModuleSummary.js.map