import React from 'react';
import { View, StyleSheet } from 'react-native';

export const Dot = (props) => (
    <View style={[ s.dot, (props.active && s.active) ]} />
);

const s = StyleSheet.create({
    dot: {
        width: 11,
        height: 11,
        borderRadius: 6,
        margin: 5,
        backgroundColor: 'rgba(246, 246, 246, .2)'
    },
    active: {
        backgroundColor: 'rgba(246, 246, 246, .7)'
    }
});