import { StyleSheet } from "react-native";
import { COLOUR_GREEN } from "./colours";

export default StyleSheet.create({
	notificationBell: {
		height: 70,
		width: 55,
		alignItems: "center",
		flexDirection: "row",
		justifyContent: "space-between",
	},
	fill: {
		flex: 1,
	},
	genericPageContainer: {
		flex: 1,
		backgroundColor: "#fff",
	},
	addButton: {
		position: "absolute",
		bottom: 16,
		right: 16,
		height: 48,
		width: 48,
		borderRadius: 23,
		justifyContent: "center",
		zIndex: 200,
		elevation: 2,
		shadowColor: "#000",
		shadowOffset: { width: 0, height: 2 },
		shadowOpacity: 0.15,
		shadowRadius: 6,
	},
	addButtonIcon: {
		color: "#fff",
		fontSize: 16,
		alignSelf: "center",
	},
	backButton: {
		height: 32,
		width: 32,
		borderRadius: 15,
		justifyContent: "center",
		alignItems: "center",
	},
	backButtonIcon: {
		color: "#fff",
		fontSize: 18,
	},
	tickBox: {
		height: 20,
		width: 20,
		backgroundColor: COLOUR_GREEN,
		borderRadius: 10,
		justifyContent: "center",
		alignItems: "center",
	},
	tickIcon: {
		color: "#fff",
		fontSize: 17,
		paddingTop: 1,
		paddingLeft: 1,
	},
});
