import { StyleSheet } from 'react-native'

export const recordStyles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    padding: 20,
  },
  dropdownContainer: {
    width: '100%',
    marginBottom: 20,
    zIndex: 50
  },
  dropdownTitle: {
    fontSize: 16,
    fontWeight: '500',
    marginBottom: 5,
    alignSelf: 'flex-start'
  },
  input: {
    width: '100%',
    marginBottom: 20,
    borderWidth: 1,
    borderColor: 'grey',
    borderRadius: 5,
    padding: 10,
  },
  buttonContainer: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    width: '100%',
  },
  buttonStyle: {
    backgroundColor: 'lightblue',
    paddingVertical: 10,
    paddingHorizontal: 20,
    borderRadius: 20,
    margin: 10,
  },
  buttonText: {
    color: 'white',
    textAlign: 'center',
  },
  dropdownStyle: {
    backgroundColor: '#ffffff',
    borderColor: '#D1D1D1',
    borderWidth: 1,
    borderRadius: 4,
  },
  dropdownContainerStyle: {
    marginBottom: 10,
    borderColor: '#D1D1D1',
    borderWidth: 1,
    borderRadius: 4,
  },
});