/* Metro module 12723; source: design/void/HelpMessage/native/HelpMessage.tsx; dependencies: [31, 27, 33, 4501, 697, 673, 7684, 4068, 6988, 4073, 6766, 2] */
function _fun97412(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97412, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12913:6, offset: 0x0217f835, size: 809 bytes, params: 8, frame: 32
    var object3;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    const env0_3 = (require(27) /* metro dependency 27 */).View;
    let value = require(33) /* metro dependency 33 */;
    const env0_4 = value.jsx;
    const env0_5 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object3 = {};
    const object8 = {'padding': null, 'borderWidth': 1, 'borderStyle': 'solid'};
    let PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object8.padding = PX_8;
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object8.gap = PX_8;
    object3.container = object8;
    object3.row = {'display': 'flex', 'flexDirection': 'row', 'alignItems': 'center'};
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object3.content = {flex: 1, marginLeft: PX_8};
    const object9 = {};
    const colorUtilsModule = require(673) /* metro dependency 673: ColorUtils */;
    let int2rgba = colorUtilsModule.int2rgba;
    const value3 = colorUtilsModule;
    let hex2int = value3.hex2int;
    let YELLOW_300 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.YELLOW_300;
    object9.backgroundColor = Reflect.apply(int2rgba, colorUtilsModule, [Reflect.apply(hex2int, value3, [YELLOW_300]),
        0.1]);
    YELLOW_300 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.YELLOW_300;
    object9.borderColor = YELLOW_300;
    object3.warningContainer = object9;
    const object10 = {};
    const value5 = colorUtilsModule;
    int2rgba = value5.int2rgba;
    const value6 = colorUtilsModule;
    hex2int = value6.hex2int;
    let BLUE_345 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.BLUE_345;
    object10.backgroundColor = Reflect.apply(int2rgba, value5, [Reflect.apply(hex2int, value6, [BLUE_345]), 0.1]);
    BLUE_345 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.BLUE_345;
    object10.borderColor = BLUE_345;
    object3.infoContainer = object10;
    const object11 = {};
    const value7 = colorUtilsModule;
    int2rgba = value7.int2rgba;
    const value8 = colorUtilsModule;
    hex2int = value8.hex2int;
    let RED_400 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.RED_400;
    object11.backgroundColor = Reflect.apply(int2rgba, value7, [Reflect.apply(hex2int, value8, [RED_400]), 0.1]);
    RED_400 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.RED_400;
    object11.borderColor = RED_400;
    object3.errorContainer = object11;
    const object12 = {};
    const value9 = colorUtilsModule;
    int2rgba = value9.int2rgba;
    const value10 = colorUtilsModule;
    hex2int = value10.hex2int;
    let GREEN_400 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.GREEN_400;
    object12.backgroundColor = Reflect.apply(int2rgba, value9, [Reflect.apply(hex2int, value10, [GREEN_400]), 0.1]);
    GREEN_400 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.GREEN_400;
    object12.borderColor = GREEN_400;
    object3.successContainer = object12;
    const env0_6 = Reflect.apply(createStyles, value, [object3]);
    object3 = {WARNING: 0};
    object3[0] = 'WARNING';
    object3.INFO = 1;
    object3[1] = 'INFO';
    object3.ERROR = 2;
    object3[2] = 'ERROR';
    object3.SUCCESS = 3;
    object3[3] = 'SUCCESS';
    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/void/HelpMessage/native/HelpMessage.tsx');
    exports.default = HelpMessage;
    exports.HelpMessageTypes = object3;
}

function getIcon(a0) { // fn#97413, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12913:1105, offset: 0x0217fb5e, size: 364 bytes, params: 2, frame: 17
    const WARNING = env0_7.WARNING;
    if (WARNING === a0) {
        const CircleErrorIcon = (require(7684) /* metro dependency 7684: CircleErrorIcon */).CircleErrorIcon;
        return <CircleErrorIcon color={(importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.YELLOW_300} />;
    }
    const INFO = env0_7.INFO;
    if (INFO === a0) {
        const CircleInformationIcon = (require(4068) /* metro dependency 4068: CircleInformationIcon */).CircleInformationIcon;
        return (
            <CircleInformationIcon color={(importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.BLUE_345} />
        );
    }
    const ERROR = env0_7.ERROR;
    if (ERROR === a0) {
        const CircleXIcon = (require(6988) /* metro dependency 6988: CircleXIcon */).CircleXIcon;
        return <CircleXIcon color={(importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.RED_400} />;
    }
    const SUCCESS = env0_7.SUCCESS;
    if (SUCCESS === a0) {
        const CircleCheckIcon = (require(4073) /* metro dependency 4073: CircleCheckIcon */).CircleCheckIcon;
        return <CircleCheckIcon color={(importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.GREEN_400} />;
    }
}

function useContainerStyle(a0, a1) { // fn#97414, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12913:1499, offset: 0x0217fcca, size: 101 bytes, params: 3, frame: 4
    const WARNING = env0_7.WARNING;
    if (WARNING === a0) {
        return a1.warningContainer;
    }
    const INFO = env0_7.INFO;
    if (INFO === a0) {
        return a1.infoContainer;
    }
    const ERROR = env0_7.ERROR;
    if (ERROR === a0) {
        return a1.errorContainer;
    }
    const SUCCESS = env0_7.SUCCESS;
    if (SUCCESS === a0) {
        return a1.successContainer;
    }
}

function HelpMessage({children, messageType, textVariant, textColor, borderRadius = importDefault(dependencyMap[4]).radii.xs, button}) { // fn#97415, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12913:1787, offset: 0x0217fd2f, size: 285 bytes, params: 2, frame: 24
    textVariant = textVariant === undefined ? 'text-sm/medium' : textVariant;
    textColor = textColor === undefined ? 'text-default' : textColor;
    const styles = useStyles();
    const items2 = [styles.container];
    items2[1] = useContainerStyle(messageType, styles);
    items2[2] = {borderRadius: borderRadius};
    const icon = getIcon(messageType);
    const TextWithIOSLinkWorkaround = (require(6766) /* metro dependency 6766: TextWithIOSLinkWorkaround */).TextWithIOSLinkWorkaround;
    return (
        <View style={items2}>
            <View style={styles.row}>
                {icon}
                <TextWithIOSLinkWorkaround
                    style={styles.content}
                    color={textColor}
                    variant={textVariant}
                >
                    {children}
                </TextWithIOSLinkWorkaround>
            </View>
            {button}
        </View>
    );
}