/* Metro module 1830; source: unknown; dependencies: [31, 27, 33, 1804] */
function _fun19921(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#19921, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:1957:6, offset: 0x00eb8cce, size: 413 bytes, params: 8, frame: 24
    var object4;
    const env0_0 = require;
    let Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importDefault(31) /* metro dependency 31 */;
    const env0_2 = (require(31) /* metro dependency 31 */).useMemo;
    let value = require(27) /* metro dependency 27 */;
    const env0_3 = value.Animated;
    const StyleSheet = value.StyleSheet;
    const env0_4 = value.View;
    value = require(33) /* metro dependency 33 */;
    const env0_5 = value.jsx;
    const env0_6 = value.jsxs;
    object4 = {'width': 13, 'height': 2, 'borderRadius': 1};
    const object5 = {'marginHorizontal': 5, 'width': 30, 'height': 30, 'justifyContent': 'center',
        'alignItems': 'center'};
    const create = StyleSheet.create;
    const object6 = {arrowUpContainer: object5};
    Object = global.Object;
    object6.arrowDownContainer = Object.assign({}, object5, {transform: [{rotate: '180deg'}]});
    object6.arrow = {'width': 20, 'height': 20, 'flexDirection': 'row', 'alignItems': 'center',
        'justifyContent': 'space-between'};
    Object = global.Object;
    object6.arrowLeftLine = Object.assign({}, object4, {transform: [{rotate: '-45deg'}], left: -0.5});
    Object = global.Object;
    object6.arrowRightLine = Object.assign({}, object4, {transform: [{rotate: '45deg'}], left: -5.5});
    const env0_7 = Reflect.apply(create, StyleSheet, [object6]);
    exports.default = ArrowComponent;
}

function ArrowComponent({type, disabled, theme}) { // fn#19922, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:1957:674, offset: 0x00eb8e6b, size: 291 bytes, params: 2, frame: 22
    const value3 = useMemo(_fun19924, [disabled, theme,
        (require(1804) /* metro dependency 1804 */).useKeyboardState(function(a0) {
        return a0.appearance;
    })]);
    const value4 = useMemo(_fun19925, [value3]);
    const value5 = useMemo(_fun19926, [value3]);
    const r4 = type === 'next' ? env0_7.arrowDownContainer : env0_7.arrowUpContainer;
    const arrow = env0_7.arrow;
    const View2 = Animated.View;
    const view = <View2 style={value4} />;
    const View3 = Animated.View;
    return (
        <View style={r4}>
            <View style={arrow}>
                {view}
                <View3 style={value5} />
            </View>
        </View>
    );
}

function _fun19924() { // fn#19924, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:1957:805, offset: 0x00eb8f8e, size: 43 bytes, params: 1, frame: 4
    const disabledBinding = disabled;
    const property = theme[env0_2];
    return {backgroundColor: disabledBinding ? property.disabled : property.primary};
}

function _fun19925() { // fn#19925, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:1957:885, offset: 0x00eb8fb9, size: 34 bytes, params: 1, frame: 2
    return [env1_7.arrowLeftLine, env0_3];
}

function _fun19926() { // fn#19926, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:1957:934, offset: 0x00eb8fdb, size: 34 bytes, params: 1, frame: 2
    return [env1_7.arrowRightLine, env0_3];
}