import React , { FunctionComponent } from "react" ; import { StyleSheet , View , ViewStyle } from "react-native" ; import { useStyle } from "../../styles" ; export const Dot = ( { size , color , containerStyle } ) => { const style = useStyle ( ) ; return ( < View style = { StyleSheet . flatten ( [ style . flatten ( [ "justify-center" ] ) , containerStyle , ] ) } > < View style = { { width : size , height : size , backgroundColor : color , borderRadius : size , } } /> < /View>); } ;