import { StyleSheet } from 'react-native';
import { RFValue } from 'react-native-responsive-fontsize';
import Theme from '../../components/theme.style.js';

export const styles = StyleSheet.create({
  viewContainer: {
    flexDirection: 'column',
    alignItems: 'center',
  },
  viewPinContainer: {
    flexDirection: 'row',
    flexWrap: 'wrap',
    alignItems: 'center',
    justifyContent: 'center',
    width: 290
  },
  button: {
    padding: 14,
    margin: 10,
    borderRadius: (Theme.screen.h * .084) / 2,
    width: Theme.screen.h * .082,
    height: Theme.screen.h * .082,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: '#E74610'
  },
  buttonText: {
    color: 'white',
    fontSize: RFValue(25, Theme.screen.h),
    fontWeight: 'bold'
  },
  anotherButtons: {
    width: 80,
    alignItems: 'center',
    justifyContent: 'center',
    alignContent: 'center',
  },
  points: {
    justifyContent: 'center',
    alignItems: 'center',
    flexDirection: 'row',
    paddingRight: 10,
    marginTop: 20,
    marginBottom: 20
    
  },
  point: {
    borderRadius: 50,
    width: 15,
    height: 15,
    borderColor: '#E74610',
    borderWidth: 1,
    marginLeft: 20,
  },
  pointActive: {
    backgroundColor: '#E74610',
  },
});