import { StyleSheet } from "react-native";
export const styles = StyleSheet.create({
  inputContainer: {
    flexDirection: "row",
    alignItems: "center",
    borderRadius: 10,
    borderWidth: 1.5,
    borderColor: "#4B4B4B",
    paddingVertical: 16,
    paddingHorizontal: 20,
    gap: 12,
    marginVertical: 10,
    marginHorizontal: 20,
  },
  inputText: {
    fontSize: 18,
    color: "black",
    fontWeight: "400",
    lineHeight: 28,
    flex: 1,
  },
  BtnText: {
    fontSize: 18,
    color: "white",
    fontWeight: "400",
    lineHeight: 28,
  
  },
  colorButtonContainer: {
    flexDirection: "row",
    justifyContent:'center',
    alignItems: "center",
    borderRadius: 10,
    paddingVertical: 16,
    paddingHorizontal: 20,
    gap: 8,
    marginVertical: 10,
    backgroundColor: "blue",
    marginHorizontal:20
  },
  centeredView: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    marginTop: 22,
  },
  container:{
    marginVertical:30
  },
  modalView: {
    flex:0.5,
    justifyContent:'center',

    margin: 20,
    backgroundColor: 'white',
    borderRadius: 20,
    padding: 35,
    alignItems: 'center',
    shadowColor: '#000',
    shadowOffset: {
      width: 0,
      height: 2,
    },
    shadowOpacity: 0.25,
    shadowRadius: 4,
    elevation: 5,
  }, button: {
    borderRadius: 20,
    padding: 10,
    elevation: 2,
    marginVertical:20
  },
  buttonOpen: {
    backgroundColor: '#F194FF',
  },
  buttonClose: {
    backgroundColor: '#2196F3',
  },
  textStyle: {
    color: 'white',
    fontWeight: 'bold',
    textAlign: 'center',
  },
  modalText: {
    marginBottom: 15,
    textAlign: 'center',
  },
  containerInput:{
    flexDirection:'row',
    justifyContent:'center',
    alignItems:'center'
  },
  cellView:{
    paddingVertical:11,width:40,
    margin:5,
    justifyContent:'center',
    alignItems:'center',
    borderBottomWidth:1.5,
  },
  cellText:{
textAlign:'center',
fontSize:14,
  }
});