import { StyleSheet } from "react-native";

const styles = StyleSheet.create({
  container: {
    width: "100%",
    margin: 16,
    padding: 16,
    borderRadius: 12,
    backgroundColor: "#fff",
    shadowColor: "#000",
    shadowOpacity: 0.1,
    shadowRadius: 4,
    elevation: 2,
  },
  title: {
    fontSize: 18,
    fontWeight: "700",
    textAlign: "center",
    marginBottom: 12,
  },
  row: {
    flexDirection: "row",
    borderBottomWidth: 0.5,
    borderColor: "#ddd",
    paddingVertical: 8,
  },
  cell: {
    flex: 1,
    textAlign: "center",
    fontSize: 14,
  },
  left: {
    textAlign: "left",
  },
  header: {
    backgroundColor: "#f8f8f8",
    borderTopWidth: 1,
    borderBottomWidth: 1,
  },
  headerText: {
    fontWeight: "600",
  },
  highlight: {
    color: "#ff6600",
    fontWeight: "600",
  },
  footer: {
    marginTop: 6,
  },
  footerText: {
    fontWeight: "600",
    color: "#007bff",
  },
  total: {
    color: "#007bff",
    fontWeight: "700",
  },
});

export default styles;