yeet

design/components/Checkbox/native/Checkbox.native.tsx

@@ -0,0 +1,56 @@
+// Metro module 9018 (f9019).
+import { Pressable, View } from "react-native";
+import { createStyles } from "../../Styles/native/createStyles";
+import { useCheckboxA11yNative } from "../../../../_bundle/Module3907";
+import { intl, t } from "../../../../intl/index.native";
+import { Stack } from "../../Stack/native/Stack.native";
+import { FormCheckbox } from "../../Forms/native/FormCheckbox.native";
+import { Text } from "../../Text/native/Text";
+const useStyles = createStyles({
+  textContainer: {
+    flex: 1
+  },
+  labelContainer: {
+    minHeight: 24,
+    justifyContent: "center"
+  }
+});
+export function Checkbox(props) {
+  const { label, description } = props;
+  let required = props.required;
+  const { checked, onToggle } = props;
+  const styles = useStyles();
+  const checkboxA11yNative = useCheckboxA11yNative({
+    checked
+  });
+  const { accessibilityRole, accessibilityState } = checkboxA11yNative;
+  let r11 = "";
+  const r42 = label + (required ? ` (${intl.string(t.EkokLy)})` : "");
+  if (description != null) {
+    r11 = `, ${description}`;
+  }
+  const props2 = {
+    accessibilityRole,
+    accessibilityLabel: r42 + r11,
+    accessibilityState,
+    onPress: () => onToggle(!checked),
+    children: null
+  };
+  const r58 = [<FormCheckbox checked={checked} />, ,];
+  const r67 = [label, ,];
+  if (required) {
+    required = <Text variant="text-md/bold" color="text-feedback-critical" aria-label={intl.string(t.EkokLy)}>
+      {" "}
+      *
+    </Text>;
+  }
+  r67[1] = required;
+  r58[1] = <View style={styles.textContainer}>
+    <View style={styles.labelContainer}>
+      <Text variant="text-md/medium">{r67}</Text>
+    </View>
+    {description != null && <Text variant="text-sm/normal" color="text-subtle">{description}</Text>}
+  </View>;
+  props2.children = <Stack direction="horizontal">{r58}</Stack>;
+  return <Pressable {...props2} />;
+}