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

var { height, width } = Dimensions.get('window');

/*

box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), inset 0px 4px 4px rgba(0, 0, 0, 0.25)

*/

export default StyleSheet.create({
  chatButton: {
    backgroundColor: "#F2F5F7", 
    borderRadius: 10,
    height: 47,
    width: 159,
    margin: 10,
    justifyContent: 'center', //Centered vertically
    alignItems: 'center',
    shadowColor: '#000',
    shadowOffset: { width: 0, height: 2 },
    shadowOpacity: 0.5,
    shadowRadius: 3,
  },
  orangeChatButton: {
    backgroundColor: "#FFDF74", 
    borderRadius: 10,
    height: 47,
    width: 159,
    margin: 10,
    justifyContent: 'center', //Centered vertically
    alignItems: 'center',
    shadowColor: '#000',
    shadowOffset: { width: 0, height: 2 },
    shadowOpacity: 0.5,
    shadowRadius: 3,
  },
  buttonContainer: {
    borderRadius: 10,
    flexDirection: "row",
    flexWrap: "wrap",
    justifyContent: "center"
  },
  buttonText: {
    textAlign: "center",
    fontSize: 16,
    color: '#587685'
  }
  // https://github.com/ReactNativeSchool/react-native-quiz/blob/master/App/components/Button.js
});