/* Metro module 12811; source: design/void/CarouselPagination/native/CarouselPagination.tsx; dependencies: [31, 27, 33, 4501, 697, 4017, 4504, 12751, 12812, 2] */
import Native from '../../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as CreateStylesModule from '../../../components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as EasingModule from '../../Easing/native/Easing.tsx'; /* Metro dependency 12751 */
import * as Module12812Module from '../../../../by-id/module-12812.js'; /* Metro dependency 12812 */

function _fun97692(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97692, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13001:6, offset: 0x0218de5b, size: 330 bytes, params: 8, frame: 23
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    const createStyles = CreateStylesModule.createStyles;
    const object2 = {'width': 8, 'height': 8, 'borderRadius': null, 'marginHorizontal': 4};
    object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    const ICON_STRONG = (importDefault(697) /* metro dependency 697: native */).colors.ICON_STRONG;
    object2.backgroundColor = ICON_STRONG;
    const env0_5 = Reflect.apply(createStyles, CreateStylesModule, [{container: {'position': 'relative', 'top': -16,
        'marginBottom': -16}, dot: object2}]);
    object = {code: "function CarouselPaginationTsx1(){const{withTiming,active,STANDARD_EASING}=this.__closure;return withTiming(active?1:0,{duration:250,easing:STANDARD_EASING},'animate-always');}"};
    object = {code: 'function CarouselPaginationTsx2(){const{interpolate,progress,interpolateColor,backgroundColor,brand500}=this.__closure;return{width:interpolate(progress.get(),[0,1],[8,16]),backgroundColor:interpolateColor(progress.get(),[0,1],[backgroundColor,brand500]),opacity:interpolate(progress.get(),[0,1],[0.3,1])};}'};
    const env0_8 = ReactModule.memo(_fun97693);
    (FileImportTrackerModule).fileFinishedImporting('design/void/CarouselPagination/native/CarouselPagination.tsx');
    exports.default = CarouselPagination;
    function _fun97693({active}) { // fn#97693, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13001:850, offset: 0x0218dfa5, size: 366 bytes, params: 2, frame: 24
        const styles = useStyles();
        const useDerivedValue = ReanimatedRexportModule.useDerivedValue;
        let closure = function() {
            var r2;
            var moduleValue = require(dependencyMap[6]);
            var withTiming = moduleValue.withTiming;
            r2 = active ? 1 : 0;
            var object = {duration: 250};
            object.easing = require(dependencyMap[7]).STANDARD_EASING;
            return Reflect.apply(withTiming, moduleValue, [r2, object, 'animate-always']);
        };
        let object = {};
        object.withTiming = (require(4504) /* metro dependency 4504: timing */).withTiming;
        object.active = active;
        const STANDARD_EASING = (EasingModule).STANDARD_EASING;
        object.STANDARD_EASING = STANDARD_EASING;
        closure.__closure = object;
        closure.__workletHash = 5885711729227;
        closure.__initData = env0_6;
        const value2 = Reflect.apply(useDerivedValue, ReanimatedRexportModule, [closure]);
        const BRAND_500 = (Native).unsafe_rawColors.BRAND_500;
        const backgroundColor = styles.dot.backgroundColor;
        const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
        closure = c_97695;
        closure.__closure = {interpolate: ReanimatedRexportModule.interpolate, progress: value2,
            interpolateColor: ReanimatedRexportModule.interpolateColor, backgroundColor: backgroundColor,
            brand500: BRAND_500};
        closure.__workletHash = 7804335337011;
        closure.__initData = env0_7;
        const value3 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [closure]);
        const View = (ReanimatedRexport).View;
        return <View style={[styles.dot, value3]} />;
        function c_97695() { // fn#97695, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13001:1256, offset: 0x0218e177, size: 202 bytes, params: 1, frame: 22
            const object = {};
            let value = environment.__proto__;
            value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
            const interpolate = value.interpolate;
            const binding = env0_1;
            object.width = Reflect.apply(interpolate, value, [binding.get(), [0, 1], [8, 16]]);
            value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
            object.backgroundColor = value.interpolateColor(binding.get(), [0, 1], [backgroundColor, BRAND_500]);
            value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
            object.opacity = value.interpolate(binding.get(), [0, 1], [0.3, 1]);
            return object;
        }

    }

    function CarouselPagination({numberOfItems, currentIndex, containerStyle}) { // fn#97696, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13001:1760, offset: 0x0218e241, size: 143 bytes, params: 2, frame: 20
        const styles = useStyles();
        const env0_83 = ((Component) => <Component />)(env0_8);
        const items2 = [styles.container, containerStyle];
        const Pagination = (Module12812Module).Pagination;
        return (
            <View style={items2}>
                <Pagination
                    dotElement={env0_83}
                    inactiveDotElement={env0_83}
                    dotsLength={numberOfItems}
                    activeDotIndex={currentIndex}
                />
            </View>
        );
    }

}

global.__d(_fun97692, 12811, [31, 27, 33, 4501, 697, 4017, 4504, 12751, 12812,
        2]) /* metro module 12811, dependencies: [31, 27, 33, 4501, 697, 4017, 4504, 12751, 12812, 2] */;