yeet

design/components/Button/native/IconButton.native.tsx

@@ -0,0 +1,27 @@
+// Metro module 6682 (f6683).
+import { forwardRef } from "react";
+import { createStyles } from "../../Styles/native/createStyles";
+import Module712 from "../../../../_bundle/Module712";
+import { BaseButton } from "./BaseButton.native";
+import { BaseIconButton } from "./BaseIconButton.native";
+import { Text } from "../../Text/native/Text";
+const useStyles = createStyles((a0) => ({
+  labelPressable: {
+    paddingBottom: Module712.space.PX_4,
+    gap: Module712.space.PX_8,
+    alignItems: "center",
+    alignSelf: "center",
+    flexGrow: a0 ? 1 : 0
+  },
+  label: {
+    textAlign: "center"
+  }
+}));
+const r26 = forwardRef(function({ label, grow, accessibilityLabel, maxFontSizeMultiplier, accessibilityHint, ...props }, a1) {
+  const styles = useStyles(grow);
+  return label != null ? <BaseButton style={styles.labelPressable} {...props} variant="none" accessibilityLabel={accessibilityLabel} accessibilityHint={accessibilityHint}>
+    <BaseIconButton ref={a1} {...props} accessibilityRole="none" accessibilityLabel="" size="lg" maxFontSizeMultiplier={maxFontSizeMultiplier} />
+    <Text style={styles.label} variant="text-xs/medium" color="interactive-text-default" maxFontSizeMultiplier={maxFontSizeMultiplier}>{label}</Text>
+  </BaseButton> : <BaseIconButton ref={a1} {...props} accessibilityLabel={accessibilityLabel} accessibilityHint={accessibilityHint} maxFontSizeMultiplier={maxFontSizeMultiplier} />;
+});
+export { r26 as IconButton };