global-styles.ts

import { StyleSheet } from "react-native";

export const gs = StyleSheet.create({
  bigTitle: {
    fontSize: 40,
    fontWeight: "bold",
    marginBottom: 12,
  },

  repContainer: {
    backgroundColor: "#FFF",
    borderRadius: 10,
    padding: 12,
    marginBottom: 12,
    shadowColor: "#000",
    shadowOpacity: 0.1,
    shadowRadius: 5,
    shadowOffset: { width: 0, height: 3 },
  },

  repText: {
    fontSize: 16,
  },

  repSecondaryText: {
    fontSize: 14,
    color: "#888",
    marginTop: 10,
  },

  button: {
    backgroundColor: "lightgreen",
    paddingVertical: 10,
    paddingHorizontal: 20,
    borderRadius: 5,
    alignItems: "center",
    justifyContent: "center",
    height: 50,
    shadowColor: "#000",
    shadowOpacity: 0.1,
    shadowRadius: 5,
    shadowOffset: { width: 0, height: 3 },
  },

  smallButton: {
    backgroundColor: "lightgreen",
    borderRadius: 5,
    alignItems: "center",
    justifyContent: "center",
    shadowColor: "#000",
    shadowOpacity: 0.1,
    shadowRadius: 5,
    shadowOffset: { width: 0, height: 3 },
    padding: 10,
    alignSelf: "flex-start",
  },

  h2: {
    marginVertical: 6,
    fontSize: 16,
    fontWeight: "bold",
  },

  label: {
    color: "gray",
    marginVertical: 12,
  },

  text: {
    fontSize: 16,
  },

  secondaryText: {
    fontSize: 14,
    color: "#888",
  },

  noteContainer: {
    backgroundColor: "lightyellow",
    borderRadius: 10,
    padding: 12,
    marginBottom: 12,
    shadowColor: "#000",
    shadowOpacity: 0.1,
    shadowRadius: 5,
    shadowOffset: { width: 0, height: 3 },
  },

  flatlist: {
    padding: 16,
  },

  itemContainer: {
    flexDirection: "row",
    backgroundColor: "#FFF",
    borderRadius: 10,
    padding: 12,
    marginBottom: 12,
    shadowColor: "#000",
    shadowOpacity: 0.1,
    shadowRadius: 5,
    shadowOffset: { width: 0, height: 3 },
    width: "100%",
  },

  shelvedContainer: {
    flexDirection: "row",
    backgroundColor: "#e6e6e6",
    borderRadius: 10,
    padding: 12,
    marginBottom: 12,
    shadowColor: "#000",
    shadowOpacity: 0.1,
    shadowRadius: 5,
    shadowOffset: { width: 0, height: 3 },
    width: "100%",
  },

  activityContainer: {
    backgroundColor: "#c7f2ff",
    borderRadius: 10,
    padding: 12,
    marginBottom: 12,
    shadowColor: "#000",
    shadowOpacity: 0.1,
    shadowRadius: 5,
    shadowOffset: { width: 0, height: 3 },
  },
});