// Module ID: 11030
// Function ID: 11031
// Name: ActionSheetIconHeader
// Dependencies: [19, 17, 21, 4574, 4570, 2]
// Exports: ActionSheetIconHeader

// Module 11030 (ActionSheetIconHeader)
import Text_Text from "Text/Text" /* 4570 */;
import noop from "module_19" /* 19 */;

require = fn;
const View = fn(17).View;
const jsxProd = fn(21);
({ jsx: c3, jsxs: closure_4 } = jsxProd);
const createStyles = fn(4574);
let closure_5 = createStyles.createStyles({ container: { paddingVertical: 0, flexDirection: "row", alignItems: "center", gap: 12 }, titles: { justifyContent: "center", flex: 1 } });
const size = fn(2);
const result = size.fileFinishedImporting("design/components/Sheet/native/ActionSheetIconHeader.native.tsx");

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