/* Metro module 1830; source: unknown; dependencies: [31, 27, 33, 1804] */
import React from './module-00031-React.js'; /* Metro dependency 31 */
import * as ReactNativeModule from './module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from './module-00031-React.js'; /* Metro dependency 31 */

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
    const env0_0 = require;
    let Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    React;
    let value = ReactNativeModule;
    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;
    object = {'width': 13, 'height': 2, 'borderRadius': 1};
    const object2 = {'marginHorizontal': 5, 'width': 30, 'height': 30, 'justifyContent': 'center',
        'alignItems': 'center'};
    const create = StyleSheet.create;
    const object3 = {arrowUpContainer: object2};
    Object = global.Object;
    object3.arrowDownContainer = Object.assign({}, object2, {transform: [{rotate: '180deg'}]});
    object3.arrow = {'width': 20, 'height': 20, 'flexDirection': 'row', 'alignItems': 'center',
        'justifyContent': 'space-between'};
    Object = global.Object;
    object3.arrowLeftLine = Object.assign({}, object, {transform: [{rotate: '-45deg'}], left: -0.5});
    Object = global.Object;
    object3.arrowRightLine = Object.assign({}, object, {transform: [{rotate: '45deg'}], left: -5.5});
    const env0_7 = Reflect.apply(create, StyleSheet, [object3]);
    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[ReactModule.useMemo];
            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];
        }

    }

}

global.__d(_fun19921, 1830, [31, 27, 33, 1804]) /* metro module 1830, dependencies: [31, 27, 33, 1804] */;