/* Metro module 9402; source: design/components/Checkbox/native/Checkbox.native.tsx; dependencies: [27, 33, 4501, 3874, 1244, 4572, 7974, 4573, 2] */
function _fun73308(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#73308, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9588:6, offset: 0x01d67970, size: 214 bytes, params: 8, frame: 20
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    let value = require(27) /* metro dependency 27 */;
    const env0_2 = value.Pressable;
    const env0_3 = value.View;
    value = require(33) /* metro dependency 33 */;
    const env0_4 = value.jsx;
    const env0_5 = value.jsxs;
    const env0_6 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({textContainer: {flex: 1},
        labelContainer: {'minHeight': 24, 'justifyContent': 'center'}});
    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Checkbox/native/Checkbox.native.tsx');
    exports.Checkbox = Checkbox;
}

function Checkbox({label, description, required, checked, onToggle}) { // fn#73309, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9588:357, offset: 0x01d67a46, size: 665 bytes, params: 2, frame: 37
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    var r19;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    var Text2;
    var object;
    const styles = useStyles();
    const {accessibilityRole,
        accessibilityState} = (require(3874) /* metro dependency 3874: useA11yRolesNative */).useCheckboxA11yNative({checked: checked});
    const value3 = '';
    const value6 = label + (required ? ' (' + intl.string((require(1244) /* metro dependency 1244: indexNative */).t.EkokLy) + ')' : value3);
    const r7 = description != null ? ', ' + description : value3;
    const Stack = (require(4572) /* metro dependency 4572: StackNative */).Stack;
    const FormCheckbox = (require(7974) /* metro dependency 7974: FormCheckboxNative */).FormCheckbox;
    const formCheckbox = <FormCheckbox checked={checked} />;
    if (required) {
        Text2 = (require(4573) /* metro dependency 4573: Text */).Text;
        object = {'variant': 'text-md/bold', 'color': 'text-feedback-critical'};
        object['aria-label'] = intl.string((require(1244) /* metro dependency 1244: indexNative */).t.EkokLy);
        r19 = <Text2 {...object}>{' '}{'*'}</Text2>;
    } else {
        r19 = required;
    }
    return (
        <Pressable
            accessibilityRole={accessibilityRole}
            accessibilityLabel={value6 + r7}
            accessibilityState={accessibilityState}
            onPress={function() {
        return onToggle(!checked);
    }}
        >
            <Stack direction="horizontal">
                {formCheckbox}
                <View style={styles.textContainer}>
                    <View style={styles.labelContainer}>
                        <Text variant="text-md/medium">
                            {label}
                            {r19}
                        </Text>
                    </View>
                    {description != null && <Text variant="text-sm/normal" color="text-subtle">{description}</Text>}
                </View>
            </Stack>
        </Pressable>
    );
}