/* Metro module 14240; source: modules/virtual_currency/native/OrbOnboardingPill.tsx; dependencies: [31, 33, 5278, 10076, 4573, 1244, 4501, 697, 2] */
function _fun107717(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#107717, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14437:6, offset: 0x0230694f, size: 322 bytes, params: 8, frame: 24
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    let value = require(33) /* metro dependency 33 */;
    const env0_2 = value.jsx;
    const env0_3 = value.jsxs;
    const closure = OrbOnboardingPill;
    closure.displayName = 'OrbOnboardingPill';
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    const object = {'height': 36, 'borderRadius': null, 'justifyContent': 'center', 'alignItems': 'center',
        'flexDirection': 'row'};
    object.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
    const PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object.paddingHorizontal = PX_12;
    const PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object.paddingVertical = PX_4;
    const REDESIGN_BUTTON_TERTIARY_BACKGROUND = (importDefault(697) /* metro dependency 697: native */).colors.REDESIGN_BUTTON_TERTIARY_BACKGROUND;
    object.backgroundColor = REDESIGN_BUTTON_TERTIARY_BACKGROUND;
    object.flexShrink = 0;
    object.gap = 4;
    const env0_4 = Reflect.apply(createStyles, value, [{container: object}]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/virtual_currency/native/OrbOnboardingPill.tsx');
    exports.default = closure;
    exports.OrbOnboardingPill = closure;
}

function OrbOnboardingPill({onPress, accessible}) { // fn#107718, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14437:149, offset: 0x02306a91, size: 288 bytes, params: 2, frame: 22
    accessible = accessible === undefined || accessible;
    const styles = useStyles();
    const PressableOpacity = (require(5278) /* metro dependency 5278: Pressables */).PressableOpacity;
    const r5 = accessible ? 'auto' : 'no';
    const OrbsIcon = (require(10076) /* metro dependency 10076: OrbsIcon */).OrbsIcon;
    const orbsIcon = <OrbsIcon size="sm" />;
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    return (
        <PressableOpacity
            onPress={onPress}
            style={styles.container}
            accessibilityRole="button"
            activeOpacity={0.8}
            accessible={accessible}
            accessibilityElementsHidden={!accessible}
            importantForAccessibility={r5}
        >
            {orbsIcon}
            <Text variant="text-sm/semibold" color="redesign-button-tertiary-text">
                {intl.string((require(1244) /* metro dependency 1244: indexNative */).t['9JpRfC'])}
            </Text>
        </PressableOpacity>
    );
}