teal.fm
Your music, beautifully tracked. All yours. (coming soon)
teal.fm
teal-fm
atproto
custom sheet handle to fit with our color scheme
+13
-1
apps/amethyst/components/ui/sheetBackdrop.tsx
+13
-1
apps/amethyst/components/ui/sheetBackdrop.tsx
···
6
6
interpolate,
7
7
useAnimatedStyle,
8
8
} from "react-native-reanimated";
9
-
import { StyleProp, ViewStyle } from "react-native";
9
+
import { StyleProp, View, ViewStyle } from "react-native";
10
10
11
11
export default function SheetBackdrop({
12
12
animatedIndex,
···
43
43
/>
44
44
);
45
45
}
46
+
47
+
// background-bg sheet handle
48
+
export const SheetHandle = ({
49
+
animatedIndex,
50
+
style,
51
+
}: BottomSheetBackdropProps) => {
52
+
return (
53
+
<View className="w-full items-center h-6 bg-background rounded-t-xl border-t border-x border-neutral-500/30">
54
+
<View className="w-16 bg-muted-foreground/50 hover:bg-muted-foreground/70 transition-colors h-1.5 m-1 rounded-xl" />
55
+
</View>
56
+
);
57
+
};