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

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