/* Metro module 12194; source: modules/premium/fractional/native/LargeCountDownPill.tsx; dependencies: [27, 33, 4501, 697, 3857, 1244, 4068, 4573, 2] */
function _fun93409(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#93409, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12380:6, offset: 0x020b298e, size: 302 bytes, params: 8, frame: 22
    var object3;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    let value = require(27) /* metro dependency 27 */;
    const env0_3 = value.TouchableOpacity;
    const env0_4 = value.View;
    value = require(33) /* metro dependency 33 */;
    const env0_5 = value.jsx;
    const env0_6 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object3 = {};
    const object4 = {'flexDirection': 'row', 'justifyContent': 'center', 'alignItems': 'center', 'borderRadius': null,
        'backgroundColor': 'rgba(255, 255, 255, 0.1)', 'alignSelf': 'center', 'paddingHorizontal': 16,
        'marginBottom': 10};
    object4.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
    object3.largeCountdownPill = object4;
    const TEXT_STATUS_IDLE = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_STATUS_IDLE;
    object3.largeCountdownPillText = {'paddingVertical': 8, 'color': null, 'fontSize': 14, 'lineHeight': 16,
        'marginRight': 8, color: TEXT_STATUS_IDLE};
    object3.iconStyle = {'width': 16, 'height': 16};
    const env0_7 = Reflect.apply(createStyles, value, [object3]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/premium/fractional/native/LargeCountDownPill.tsx');
    exports.default = LargeCountDownPill;
}

function LargeCountDownPill({countdownText}) { // fn#93410, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12380:658, offset: 0x020b2abc, size: 237 bytes, params: 2, frame: 24
    const styles = useStyles();
    const object2 = {onPress: onPress_93411};
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    const text = <Text variant="text-xs/bold" style={styles.largeCountdownPillText}>{countdownText.toUpperCase()}</Text>;
    const CircleInformationIcon = (require(4068) /* metro dependency 4068: CircleInformationIcon */).CircleInformationIcon;
    const TEXT_STATUS_IDLE = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_STATUS_IDLE;
    return (
        <TouchableOpacity {...object2}>
            <View style={styles.largeCountdownPill}>
                {text}
                <CircleInformationIcon style={styles.iconStyle} color={TEXT_STATUS_IDLE} />
            </View>
        </TouchableOpacity>
    );
}

function LargeCountDownPillOnPress() { // fn#93411, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12380:735, owner: LargeCountDownPill.onPress, offset: 0x020b2ba9, size: 148 bytes, params: 1, frame: 18
    const defaultImport = importDefault(3857) /* metro dependency 3857: ToastActionCreators */;
    const open = defaultImport.open;
    const object2 = {key: 'LARGE_COUNTDOWN_PILL_TOAST'};
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    object2.content = intl.string((require(1244) /* metro dependency 1244: indexNative */).t['Mv4E/M']);
    object2.icon = icon_93412;
    const STATUS_WARNING = (importDefault(697) /* metro dependency 697: native */).colors.STATUS_WARNING;
    object2.iconColor = STATUS_WARNING;
    Reflect.apply(open, defaultImport, [object2]);
}

function onPressIcon_93412() { // fn#93412, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12380:841, owner: LargeCountDownPill.onPress.icon, offset: 0x020b2c3d, size: 93 bytes, params: 1, frame: 16
    const CircleInformationIcon = (require(4068) /* metro dependency 4068: CircleInformationIcon */).CircleInformationIcon;
    const STATUS_WARNING = (importDefault(697) /* metro dependency 697: native */).colors.STATUS_WARNING;
    return <CircleInformationIcon style={styles.iconStyle} color={STATUS_WARNING} />;
}