import { StyleSheet } from "@react-pdf/renderer";

export const styles = StyleSheet.create({
  body: {
    paddingTop: 10,
    paddingBottom: 20,
    paddingHorizontal: 35,
  },
  titleView: {
    display: "flex",
    // flex: 1,
    alignItems: "center",
  },
  title: {
    textTransform: "uppercase",
  },
  textPadding: {
    margin: "8px",
  },
  separator: {
    width: "100%",
    borderBottom: "1px solid #89b0c2",
  },
  textFont: {
    fontFamily: "Helvetica",
  },
  textBold: {
    fontFamily: "Helvetica-Bold",
    fontWeight: "bold",
  },
  textColor: {
    color: "#4e4969",
  },
  textUnderline: {
    textDecoration: "underline",
  },
  spacedRow: {
    display: "flex",
    flexDirection: "row",
    justifyContent: "space-between",
  },
  alignRightRow: {
    display: "flex",
    flexDirection: "row-reverse",
  },
  image64: {
    height: "64px",
    width: "64px",
  },
  qrcode: {
    width: "80px",
    height: "80px",
  },
  radialContainer: {
    display: "flex",
    flexDirection: "column",
    alignItems: "center",
    gap: 4,
    position: "relative",
  },
  radialResultContainer: {
    display: "flex",
    position: "absolute",
    top: 0,
    left: 0,
    width: "100%",
    height: "100%",
    alignItems: "center",
    justifyContent: "center",
    fontSize: 10,
    gap: 8,
  },
});