@react-native-oh-tpl/blur
Version:
React Native Blur component
22 lines • 899 B
JavaScript
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import React, { forwardRef } from 'react';
import { StyleSheet } from 'react-native';
import NativeBlurView from '../fabric/BlurViewNativeComponentHarmony';
const BlurView = /*#__PURE__*/forwardRef(({
blurType = 'dark',
blurAmount = 10,
style,
...rest
}, ref) => /*#__PURE__*/React.createElement(NativeBlurView, _extends({
ref: ref,
style: StyleSheet.compose(styles.transparent, style),
blurType: blurType,
blurAmount: blurAmount
}, rest)));
const styles = StyleSheet.create({
transparent: {
backgroundColor: 'transparent'
}
});
export default BlurView;
//# sourceMappingURL=BlurView.harmony.js.map