yeet

design/components/Graphic/native/Graphic.native.tsx

@@ -0,0 +1,49 @@
+// Metro module 6658 (f6659).
+import { useMemo } from "react";
+import { View } from "react-native";
+import { createStyles } from "../../Styles/native/createStyles";
+import FastImage from "../../../../components_native/common/FastImage";
+import { isImage } from "../../../../_bundle/Module3901";
+import { isRive } from "../../../../_bundle/Module3999";
+let c4260_6, useStyles, RiveGraphic;
+const ImageGraphic = function ImageGraphic(props) {
+  return <FastImage source={props.src} style={useStyles().image} resizeMode="contain" accessibilityElementsHidden />;
+};
+RiveGraphic = function RiveGraphic(props) {
+  const { rive: Rive, riveProps = {} } = props;
+  const styles = useStyles();
+  return <View style={styles.image}>
+    <Rive {...riveProps} style={styles.image} />
+  </View>;
+};
+c4260_6 = {
+  "21/9": 2.3333333333333335,
+  "16/9": 1.7777777777777777,
+  "6/4": 1.5,
+  "2/1": 2,
+  "1/1": 1
+};
+useStyles = createStyles({
+  container: {
+    width: "100%",
+    justifyContent: "center",
+    alignItems: "center",
+    overflow: "hidden"
+  },
+  image: {
+    width: "100%",
+    height: "100%"
+  }
+});
+export function Graphic(props) {
+  const { aspectRatio = "16/9", style, ...rest } = props;
+  let c15818_0 = rest;
+  return <View style={[useStyles().container, {
+    aspectRatio: c4260_6[aspectRatio]
+  }, style]}>
+    {useMemo(() => {
+      const props = c15818_0;
+      return isImage(props) ? <ImageGraphic {...props} /> : isRive(props) ? <RiveGraphic {...props} /> : null;
+    }, [rest])}
+  </View>;
+}