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

const wait_invoice_css = StyleSheet.create({
  list_view: {
    flexDirection: 'row',
    justifyContent: 'space-around',
    marginTop: 10,
  },
  title: {
    fontSize: 15,
    color: 'blue',
  },
  footer: {
    flexDirection: 'row',
    height: 24,
    justifyContent: 'center',
    alignItems: 'center',
    marginBottom: 10,
  },
  content: {
    fontSize: 15,
    color: 'black',
  },
  container: {
    backgroundColor: 'white',
    flex: 1,
  },
  itemTop: {
    fontSize: 16,
    fontWeight: '600',
    textAlign: 'center',
  },
  itemView: {
    flexDirection: 'row',
    margin: 5,
    justifyContent: 'space-between',
  },
  itemViewName: {
    fontSize: 14,
    justifyContent: 'flex-start',
    flex: 1,
  },
  itemViewText: {
    fontSize: 14,
    color: '#1E90FF',
  },
  list_title_text: {
    width: 70,
    textAlign: 'center',
    justifyContent: 'center',
  },
  list_item_text: {
    width: 70,
    textAlign: 'center',
  },
  listBlueHead: {
    backgroundColor: '#507FF5',
    justifyContent: 'center',
    alignItems: 'center',
    width: 70,
  },
  listRedHead: {
    backgroundColor: '#F06969',
    justifyContent: 'center',
    alignItems: 'center',
    width: 70,
  },
  listBlueStatus: {
    borderRadius: 24,
    width: 140,
    height: 27,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'rgba(225, 233, 255, 0.67)',
  },
});

export default wait_invoice_css;