@sbaiahmed1/react-native-blur/lib/module/BlurSwitch.web.js

React native modern blur view

"use strict";

import React, { memo } from 'react';
import { Switch } from 'react-native';
import { jsx as _jsx } from "react/jsx-runtime";
/**
 * Web implementation of BlurSwitch.
 *
 * The blur-styled switch is an Android-native (QmBlurView) component; on iOS
 * the wrapper already renders React Native's built-in Switch, and the web
 * version mirrors that iOS behavior. `blurAmount` and `blurRounds` are
 * native-only and accepted for API compatibility.
 */
const BlurSwitchComponent = ({
  value = false,
  onValueChange,
  thumbColor = '#FFFFFF',
  trackColor = {
    false: '#E5E5EA',
    true: '#34C759'
  },
  disabled = false,
  style,
  // Native-only props, accepted for API compatibility
  blurAmount: _blurAmount,
  blurRounds: _blurRounds,
  ...props
}) => {
  return /*#__PURE__*/_jsx(Switch, {
    value: value,
    onValueChange: onValueChange,
    thumbColor: thumbColor,
    trackColor: trackColor,
    disabled: disabled,
    style: style,
    ...props
  });
};
BlurSwitchComponent.displayName = 'BlurSwitch';
export const BlurSwitch = /*#__PURE__*/memo(BlurSwitchComponent);
export default BlurSwitch;
//# sourceMappingURL=BlurSwitch.web.js.map