// Module ID: 9046
// Function ID: 9047
// Name: UserProfileApplicationWidgetSkeletons
// Dependencies: [19, 17, 21, 4574, 576, 4570, 2]
// Exports: ImageSkeleton, TextSkeleton

// Module 9046 (UserProfileApplicationWidgetSkeletons)
import nativeDefault from "native" /* 576 */;
import Text_Text from "Text/Text" /* 4570 */;
import noop from "module_19" /* 19 */;

require = fn;
const View = fn(17).View;
const jsx = fn(21).jsx;
const createStyles = fn(4574);
const obj2 = { skeleton: { borderRadius: nativeDefault.radii.sm, backgroundColor: nativeDefault.colors.BACKGROUND_MOD_NORMAL } };
let closure_4 = createStyles.createStyles(obj2);
let size = fn(2);
const result = size.fileFinishedImporting("modules/user_profile/native/UserProfileApplicationWidgetSkeletons.tsx");

export const ImageSkeleton = function ImageSkeleton(style) {
  const obj = { style: null };
  const items = [closure_4().skeleton, style.style];
  obj.style = items;
  return <View style={null} />;
};
export const APPROX_CHAR_WIDTH_RATIO = 0.46;
export const TextSkeleton = function TextSkeleton(widthChars) {
  let num = widthChars.widthChars;
  if (num === undefined) {
    num = 15;
  }
  const tmp2 = Text_Text.TextStyleSheet[widthChars.variant];
  const obj = { style: null };
  const items = [closure_4().skeleton, ];
  const size = { width: 0.46 * tmp2.fontSize * num, height: 0.8 * tmp2.lineHeight };
  items[1] = size;
  obj.style = items;
  return <View style={null} />;
};