// Module ID: 10083
// Function ID: 10084
// Name: ActionSheetIconHeader
// Dependencies: [19, 17, 21, 4255, 4251, 2]
// Exports: ActionSheetIconHeader

// Module 10083 (ActionSheetIconHeader)
import "noop";
import { View } from "get ActivityIndicator";
import jsxProd from "jsxProd";
import createCacheKey from "createCacheKey";

let c3;
let c4;
const require = arg1;
({ jsx: c3, jsxs: c4 } = jsxProd);
let closure_5 = createCacheKey.createStyles({ container: { paddingVertical: 0, flexDirection: "row", alignItems: "center", gap: 12 }, titles: { justifyContent: "center", flex: 1 } });
const result = require("jsxProd").fileFinishedImporting("design/components/Sheet/native/ActionSheetIconHeader.native.tsx");

export const ActionSheetIconHeader = function ActionSheetIconHeader(subtitle) {
  let icon;
  let title;
  subtitle = subtitle.subtitle;
  ({ title, icon } = subtitle);
  const tmp = callback2();
  let obj = { style: tmp.container, children: null };
  const items = [callback(View, { children: icon }), ];
  obj = { style: tmp.titles, children: null };
  const items1 = [callback(require(4251) /* Text */.Text, { variant: "redesign/heading-18/bold", color: "mobile-text-heading-primary", accessibilityRole: "header", lineClamp: 2, children: title }), ];
  let tmp4Result = null;
  if (null != subtitle) {
    obj = { variant: "text-xs/medium", color: "text-default", children: null };
    obj[2] = subtitle;
    tmp4Result = callback(require(4251) /* Text */.Text, obj);
  }
  items1[1] = tmp4Result;
  obj[1] = items1;
  items[1] = closure_4(View, obj);
  obj[1] = items;
  return closure_4(View, obj);
};