1import { requireNativeView } from "expo";
2import { StyleSheet, type ViewProps } from "react-native";
3
4import type { FrostedCutoutProps } from "./FrostedCutout.types";
5
6const NativeFrostedCutout = requireNativeView<ViewProps & FrostedCutoutProps>(
7 "T3NativeControls",
8 "FrostedCutout",
9);
10
11/** Fills its parent with one native blur that leaves a rounded hole clear. */
12export function FrostedCutout(props: FrostedCutoutProps) {
13 return <NativeFrostedCutout {...props} pointerEvents="none" style={StyleSheet.absoluteFill} />;
14}