forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 馃挮
1import {View, type ViewStyle} from 'react-native'
2
3import {atoms as a, useTheme} from '#/alf'
4
5/**
6 * The little blue dot used to nudge a user towards a certain feature. The dot
7 * is absolutely positioned, and is intended to be configured by passing in
8 * positional styles via `top`, `bottom`, `left`, and `right` props.
9 */
10export function Dot({
11 top,
12 bottom,
13 left,
14 right,
15}: Pick<ViewStyle, 'top' | 'bottom' | 'left' | 'right'>) {
16 const t = useTheme()
17 return (
18 <View style={[a.absolute, {top, bottom, left, right}]}>
19 <View
20 style={[
21 a.rounded_full,
22 {
23 height: 8,
24 width: 8,
25 backgroundColor: t.palette.primary_500,
26 },
27 ]}
28 />
29 </View>
30 )
31}