// Module ID: 8731
// Function ID: 8732
// Name: ConversationPreviewSkeleton
// Dependencies: [19, 17, 7204, 21, 4380, 712, 4120, 4381, 2]
// Exports: default

// Module 8731 (ConversationPreviewSkeleton)
import ThemesDefault from "Themes" /* 712 */;
import closure_3 from "noop" /* 19 */;
import { View } from "get ActivityIndicator" /* 17 */;
import { MOBILE_PREVIEW_MESSAGE_COUNT as closure_5 } from "CONVERSATION_COLORS" /* 7204 */;
import jsxProd from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4380 */;

const require = arg1;
({ jsx: closure_6, jsxs: error } = jsxProd);
createCacheKey = { row: null, rowSpacing: null, avatar: null, lines: null, lineName: null, lineText: null };
createCacheKey = { flexDirection: "row", alignItems: "center", gap: ThemesDefault.space.PX_8, marginTop: ThemesDefault.space.PX_4 };
createCacheKey[0] = createCacheKey;
createCacheKey[1] = { marginTop: ThemesDefault.space.PX_26 };
const obj1 = { marginTop: ThemesDefault.space.PX_26 };
createCacheKey[2] = { width: 24, height: 24, borderRadius: ThemesDefault.radii.round, backgroundColor: ThemesDefault.colors.BACKGROUND_MOD_STRONG };
const obj2 = { width: 24, height: 24, borderRadius: ThemesDefault.radii.round, backgroundColor: ThemesDefault.colors.BACKGROUND_MOD_STRONG };
createCacheKey[3] = { flex: 1, gap: ThemesDefault.space.PX_4 };
const obj3 = { flex: 1, gap: ThemesDefault.space.PX_4 };
createCacheKey[4] = { height: 10, width: "35%", borderRadius: ThemesDefault.radii.xs, backgroundColor: ThemesDefault.colors.BACKGROUND_MOD_STRONG };
const obj4 = { height: 10, width: "35%", borderRadius: ThemesDefault.radii.xs, backgroundColor: ThemesDefault.colors.BACKGROUND_MOD_STRONG };
createCacheKey[5] = { height: 10, borderRadius: ThemesDefault.radii.xs, backgroundColor: ThemesDefault.colors.BACKGROUND_MOD_STRONG };
let closure_8 = createCacheKey.createStyles(createCacheKey);
let closure_9 = { code: "function ConversationPreviewSkeletonTsx1(){const{opacity}=this.__closure;return{opacity:opacity.get()};}" };
const obj5 = { height: 10, borderRadius: ThemesDefault.radii.xs, backgroundColor: ThemesDefault.colors.BACKGROUND_MOD_STRONG };
let result = require("set").fileFinishedImporting("modules/conversations/components/native/ConversationPreviewSkeleton.tsx");

export default function ConversationPreviewSkeleton() {
  const _require = callback2();
  let obj = _require(4120);
  const sharedValue = obj.useSharedValue(0.4);
  let items = [sharedValue];
  const effect = React.useEffect(() => {
    const obj = lib(closure_1_2[6]);
    const result = sharedValue.set(obj.withRepeat(lib(closure_1_2[7]).withTiming(1, { duration: 700 }), -1, true));
  }, items);
  const fn = function p() {
    return { opacity: sharedValue.get() };
  };
  fn.__closure = { opacity: sharedValue };
  fn.__workletHash = 11432452203963;
  fn.__initData = closure_9;
  const animatedStyle = _require(4120).useAnimatedStyle(fn);
  obj = {
    style: animatedStyle,
    "aria-hidden": true,
    children: Array.from(obj, (arg0, arg1) => {
      const items = [lib.row, ];
      let obj = { style: items, children: null };
      items[1] = arg1 > 0 && lib.rowSpacing;
      obj = { style: tmp3.avatar };
      const items1 = [closure_1_6(closure_1_4, obj), ];
      obj = { style: tmp3.lines, children: null };
      const items2 = [closure_1_6(closure_1_4, { style: lib.lineName }), closure_1_6(closure_1_4, { style: lib.lineText })];
      obj[1] = items2;
      items1[1] = closure_1_7(closure_1_4, obj);
      obj[1] = items1;
      return closure_1_7(closure_1_4, obj, arg1);
    })
  };
  obj = { length: closure_5 };
  return callback(sharedValue(4120).View, obj);
};