// Module ID: 16382
// Function ID: 16383
// Name: ICYMIHeader
// Dependencies: [19, 17, 21, 16316, 576, 4841, 1115, 2]
// Exports: default

// Module 16382 (ICYMIHeader)
import nativeDefault from "native" /* 576 */;
import util from "util" /* 1115 */;
import Text_Text from "Text/Text" /* 4841 */;
import noop from "module_19" /* 19 */;

require = fn;
const View = fn(17).View;
const jsxProd = fn(21);
({ jsx: closure_4, Fragment: hasOwnProperty, jsxs: metroRequire } = jsxProd);
const createICYMIStyles = fn(16316);
let closure_7 = createICYMIStyles.createICYMIStyles((margin) => {
  const obj = { text: { flexDirection: "row", justifyContent: "space-between", marginHorizontal: margin.margin }, separator: null };
  const size = { height: 1, width: "100%", backgroundColor: nativeDefault.colors.BORDER_SUBTLE, marginBottom: nativeDefault.space.PX_16 };
  obj.separator = size;
  return obj;
});
let size = fn(2);
const result = size.fileFinishedImporting("modules/icymi/native/ICYMIHeader.tsx");

export default function ICYMIHeader() {
  const tmp = closure_7();
  const obj = { children: null };
  const items = [React4(View, { style: tmp.separator }), ];
  const obj3 = { style: tmp.text, variant: "heading-md/semibold", color: "mobile-text-heading-primary", children: null };
  const intl = util.intl;
  obj3.children = intl.string(util.t["jnXV/V"]);
  items[1] = React4(Text_Text.Text, obj3);
  obj.children = items;
  return timestampProducer(hasOwnProperty, obj);
};