import React from 'react';
import {Dimensions, PixelRatio, StyleSheet} from 'react-native';

const public_css = StyleSheet.create({
  body: {
    flex: 1,
    display: 'flex',
    backgroundColor: '#ffffff',
  },
  textListStyle: {
    marginTop: 10,
    backgroundColor: '#FFFFFF',
    height: 40,
  },
  textListFontStyle: {
    fontSize: 15,
    display: 'flex',
    // flexDirection: 'row',
    justifyContent: 'center',
  },

  //通用按钮样式，一个按钮样式由buttonView、button、buttonText组成
  buttonView: {
    alignItems: 'center',
    // flex: 3,
  },
  //通用按钮样式
  button: {
    marginTop: 30,
    width: Dimensions.get('window').width * 0.8,
    height: 34,
    borderRadius: 10,
    backgroundColor: '#1199EA',
    justifyContent: 'center',
    alignItems: 'center',
  },
  //通用按钮样式
  buttonText: {
    fontSize: 15,
    textAlign: 'center',
    color: 'white',
  },

  //通用textInput样式，一个输入框样式由View、Text、lineTopBottom、textInput组成
  textInputStyle: {
    flex: 5,
    marginRight: 10,
    marginLeft: 20,
    fontSize: 16,
    marginTop: 4,
  },
  //通用textInput样式
  view: {
    flexDirection: 'row',
    height: 50,
    width: Dimensions.get('window').width * 0.8,
  },
  //通用textInput样式
  text: {
    lineHeight: 50,
    fontSize: 16,
    fontFamily: 'PingFang-SC-Regular',
    color: '#333333',
  },
  //通用textInput样式
  lineTopBottom: {
    borderBottomWidth: 3 / PixelRatio.get(),
    borderColor: 'rgb(208,208,208)',
    alignItems: 'center',
  },

  //提交按钮和清除按钮样式
  bottomStaus: {
    height: 50,
    flexDirection: 'row',
  },
  statusBtn: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
  },
  statusLBtn: {
    backgroundColor: '#e6e8ea',
  },
  statusRBtn: {
    backgroundColor: '#1E90FF',
  },
});

export default public_css;