style.js

import {Dimensions, StyleSheet} from 'react-native';
import dimension from '../../values/dimension';
import colors from '../../values/colors';
import {color} from 'react-native-reanimated';
const windowWidth = Dimensions.get('window').width;
export const headerStyle = StyleSheet.create({});
export const contentStyle = StyleSheet.create({
  btnAddJob: {
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: colors.purple_blue,
    height: 40,
  },
  viewItemDay: {
    flex: 2,
    backgroundColor: '#eff0f5',
    justifyContent: 'center',
    alignItems: 'center',
  },
});

export const mainStyle = StyleSheet.create({
  row: {
    flexDirection: 'row',
    marginTop: 10,
  },
  marginSpaceAround: {
    justifyContent: 'space-around',
  },
  dropdown1DropdownStyle: {backgroundColor: '#EFEFEF'},
  dropdown1RowStyle: {backgroundColor: '#EFEFEF', borderBottomColor: '#C5C5C5'},
  dropdown1RowTxtStyle: {color: '#444', textAlign: 'left'},
  dropdown1BtnStyle: {
    backgroundColor: '#FFF',
    borderBottomWidth: 0.2,
    width: windowWidth - 60,
    marginTop: 10,
  },
  dropdown1BtnSelectManager: {
    backgroundColor: '#FFF',
    borderBottomWidth: 0.2,
    width: windowWidth - 10,
    marginTop: 10,
  },
  dropdown1BtnTxtStyle: {color: '#757575', textAlign: 'left', fontSize: 14},
  saveAndSendBtn: {fontWeight: 'bold'},
  viewSaveAndSendBtn: {
    justifyContent: 'center',
    alignItems: 'center',
    padding: 15,
    flex: 1,
  },
  viewBtn: {
    flex: 1,
    flexDirection: 'row',
    padding: 10,
    justifyContent: 'space-around',
    marginBottom: 30,
  },
  collapseView: {
    padding: 10,
    borderWidth: 0.1,
    borderBottomLeftRadius: 8,
    borderTopLeftRadius: 8,
    borderLeftWidth: 5,
    marginTop: 15,
    backgroundColor: 'white',
  },
  deleteBtn: {
    justifyContent: 'center',
    alignItems: 'center',
    padding: 15,
    flex: 1,
    backgroundColor: '#ffe2e5',
    marginTop: 10,
  },
});