@sbaiahmed1/react-native-blur/lib/module/BlurView.js

React native modern blur view

"use strict";

import React from 'react';
import ReactNativeBlurView from './ReactNativeBlurViewNativeComponent';
import { jsx as _jsx } from "react/jsx-runtime";
/**
 * A cross-platform blur view component that provides native blur effects.
 *
 * On iOS, this uses UIVisualEffectView for true blur effects.
 * On Android, this uses the BlurView library for hardware-accelerated blur effects.
 *
 * @example
 * ```tsx
 * <BlurView
 *   blurType="light"
 *   blurAmount={20}
 *   style={{ flex: 1 }}
 * >
 *   <Text>Content behind blur</Text>
 * </BlurView>
 * ```
 */
export const BlurView = ({
  blurType = 'light',
  blurAmount = 10,
  reducedTransparencyFallbackColor,
  style,
  children,
  ...props
}) => {
  return /*#__PURE__*/_jsx(ReactNativeBlurView, {
    blurType: blurType,
    blurAmount: blurAmount,
    reducedTransparencyFallbackColor: reducedTransparencyFallbackColor,
    style: style,
    ...props,
    children: children
  });
};
export default BlurView;
//# sourceMappingURL=BlurView.js.map