import { colors, Dimensions } from '../styleVars';

const width = Dimensions.get('window').width * 0.9;
const height = width * 0.57; // ( 2 / 3.5 = 0.57) Business card dimensions

const styles = {
  tileContainerStyle: {
    height,
    width,
    marginTop: 15,
    marginBottom: 15
  },
  tileStyle: {
    height,
    width
  },
  buttonContainerStyle: {
    flex: 2,
    marginTop: 15,
    flexDirection: 'row',
    justifyContent: 'center'
  },
  halfButtonStyle: {
    backgroundColor: colors.buttonBlue,
    flex: 1,
    borderRadius: 5
  },
  viewStyle: {
    flex: 1,
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center'
  },
  colors
};

export default styles;
