@danielsaraldi/react-native-blur-view/lib/module/components/BlurView.android.js

A simple blur view in react native

"use strict";

import { forwardRef, memo, useMemo } from 'react';
import { StyleSheet } from 'react-native';
import { BlurViewView } from "../fabrics/index.js";
import { globalStyles } from "../styles/index.js";
import { clip } from "../utils/index.js";
import { jsx as _jsx } from "react/jsx-runtime";
const BlurView = /*#__PURE__*/forwardRef((props, ref) => {
  const {
    type = 'light',
    radius = 10,
    style,
    ...rest
  } = props;
  const blurRadius = useMemo(() => clip(radius, 0, 100), [radius]);
  const overlayColors = {
    dark: '#100C0cC3',
    light: '#3CFFFFFF'
  };
  const overlayColor = overlayColors[type] || overlayColors.light;
  return /*#__PURE__*/_jsx(BlurViewView, {
    ref: ref,
    overlayColor: overlayColor,
    blurRadius: blurRadius,
    pointerEvents: "none",
    style: StyleSheet.compose(globalStyles.container, style),
    ...rest
  });
});
export default /*#__PURE__*/memo(BlurView);
//# sourceMappingURL=BlurView.android.js.map