yeet

modules/fastest_list/placeholders/useFastestListTableRowPlaceholderConfig.native.tsx

@@ -0,0 +1,77 @@
+// Metro module 8822 (f8823).
+import { useMemo } from "react";
+import { createStyles } from "../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../_bundle/Module712";
+import { AVATAR_SIZE_MAP, AvatarSizes } from "../../../design/void/native";
+import { DIVIDER_BACKGROUND } from "../../../design/migrations/native/LegacyTokens";
+import { FastestListPropsPlaceholderType } from "../props/FastestListPropsPlaceholder";
+const useStyles = createStyles({
+  placeholder: {
+    backgroundColor: Module712.colors.CARD_BACKGROUND_DEFAULT
+  },
+  placeholderAvatar: {
+    width: AVATAR_SIZE_MAP[AvatarSizes.REFRESH_MEDIUM_32],
+    height: AVATAR_SIZE_MAP[AvatarSizes.REFRESH_MEDIUM_32],
+    borderRadius: Module712.radii.xl,
+    backgroundColor: Module712.colors.BACKGROUND_MOD_MUTED
+  },
+  placeholderUsername: {
+    height: 20,
+    borderRadius: Module712.radii.md,
+    backgroundColor: Module712.colors.BACKGROUND_MOD_MUTED
+  },
+  placeholderDivider: {
+    backgroundColor: DIVIDER_BACKGROUND
+  }
+});
+export default function useFastestListTableRowPlaceholderConfig() {
+  const styles = useStyles();
+  return useMemo(() => {
+    const r5 = {
+      type: FastestListPropsPlaceholderType.FEED_ITEM,
+      shape: "circle",
+      backgroundColorHex: styles.placeholder.backgroundColor,
+      colorHex: styles.placeholderAvatar.backgroundColor,
+      labelPadding: Module712.space.PX_16,
+      labelPaddingInnerRatio: 0,
+      labelSize: styles.placeholderUsername.height,
+      padding: Module712.space.PX_12,
+      shapeSize: styles.placeholderAvatar.width
+    };
+    const r6 = {
+      divider: true,
+      dividerColorHex: styles.placeholderDivider.backgroundColor,
+      dividerPaddingLeft: Module712.space.PX_12 + styles.placeholderAvatar.width + Module712.space.PX_16
+    };
+    return {
+      sectionHeader: {
+        type: FastestListPropsPlaceholderType.SHAPE,
+        shape: "rect",
+        colorHex: styles.placeholder.backgroundColor,
+        paddingVertical: Module712.space.PX_16,
+        borderRadius: Module712.radii.md,
+        width: Module712.space.PX_96
+      },
+      sectionItem: {
+        ...r5,
+        ...r6
+      },
+      sectionItemAtFront: {
+        ...r5,
+        ...r6,
+        borderTopLeftRadius: Module712.radii.lg,
+        borderTopRightRadius: Module712.radii.lg
+      },
+      sectionItemAtRear: {
+        ...r5,
+        borderBottomLeftRadius: Module712.radii.lg,
+        borderBottomRightRadius: Module712.radii.lg
+      },
+      sectionItemSingleton: {
+        ...r5,
+        borderRadius: Module712.radii.lg
+      }
+    };
+  }, [styles]);
+};
+export { useStyles as useFastestListTableRowPlaceholderStyles };