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,
	},
});