lti-web-client/src/components/pages/marketing/pdf/styles/MarketingPDFStyles.tsx

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

const pdfStyles = StyleSheet.create({
  page: {
    fontSize: 10,
    fontFamily: 'Helvetica',
    padding: 20,
    backgroundColor: '#FFFFFF',
  },
  header: {
    marginBottom: 20,
  },
  logo: {
    width: 120,
    height: 30,
    marginBottom: 8,
  },
  companyInfo: {
    fontSize: 12,
    fontWeight: 'bold',
    marginBottom: 4,
    color: '#1f74bf',
  },
  address: {
    fontSize: 8,
    color: '#666666',
    maxWidth: 400,
    marginBottom: 10,
  },
  divider: {
    borderBottomWidth: 1,
    borderBottomColor: '#000000',
    borderBottomStyle: 'solid',
    marginBottom: 15,
  },
  titleSection: {
    flexDirection: 'row',
    marginBottom: 20,
    justifyContent: 'space-between',
    alignItems: 'flex-start',
  },
  title: {
    fontSize: 18,
    fontWeight: 'bold',
    flex: 3,
    color: '#1f74bf',
  },
  poInfo: {
    flex: 1,
    fontSize: 9,
    textAlign: 'right',
  },
  sectionTitle: {
    fontSize: 12,
    fontWeight: 'bold',
    marginBottom: 8,
    color: '#1f74bf',
  },
  table: {
    borderWidth: 1,
    borderColor: '#000000',
    marginBottom: 15,
  },
  tableRow: {
    flexDirection: 'row',
  },
  tableHeader: {
    backgroundColor: '#F5F5F5',
  },
  tableCell: {
    flex: 1,
    borderRightWidth: 1,
    borderRightColor: '#000000',
    borderRightStyle: 'solid',
    padding: 8,
    fontSize: 9,
  },
  tableCellLast: {
    flex: 1,
    padding: 8,
    fontSize: 9,
  },
  tableCellHeader: {
    flex: 1,
    borderRightWidth: 1,
    borderRightColor: '#000000',
    borderRightStyle: 'solid',
    padding: 8,
    fontSize: 9,
    fontWeight: 'bold',
    backgroundColor: '#F5F5F5',
  },
  tableCellHeaderLast: {
    flex: 1,
    padding: 8,
    fontSize: 9,
    fontWeight: 'bold',
    backgroundColor: '#F5F5F5',
  },
  tableCellRight: {
    flex: 1,
    borderRightWidth: 1,
    borderRightColor: '#000000',
    borderRightStyle: 'solid',
    padding: 8,
    fontSize: 9,
    textAlign: 'right',
  },
  tableCellRightLast: {
    flex: 1,
    padding: 8,
    fontSize: 9,
    textAlign: 'right',
  },
  tableBorderBottom: {
    borderBottomWidth: 1,
    borderBottomColor: '#000000',
    borderBottomStyle: 'solid',
  },
  grandTotalRow: {
    flexDirection: 'row',
    borderTopWidth: 1,
    borderTopColor: '#000000',
    borderTopStyle: 'solid',
  },
  grandTotalLabel: {
    flex: 3,
    padding: 8,
    fontSize: 9,
    fontWeight: 'bold',
    textAlign: 'right',
    borderRightWidth: 1,
    borderRightColor: '#000000',
    borderRightStyle: 'solid',
  },
  grandTotalValue: {
    flex: 1,
    padding: 8,
    fontSize: 9,
    fontWeight: 'bold',
    textAlign: 'right',
    borderRightWidth: 0,
  },
  allocationSection: {
    marginBottom: 15,
  },
  allocationTable: {
    borderWidth: 1,
    borderColor: '#000000',
  },
  innerTable: {
    marginTop: 5,
    borderWidth: 1,
    borderColor: '#000000',
  },
  innerRow: {
    flexDirection: 'row',
    borderBottomWidth: 1,
    borderBottomColor: '#000000',
    borderBottomStyle: 'solid',
  },
  innerCell: {
    flex: 1,
    borderRightWidth: 1,
    borderRightColor: '#000000',
    borderRightStyle: 'solid',
    padding: 8,
    fontSize: 9,
  },
  innerCellLast: {
    flex: 1,
    padding: 8,
    fontSize: 9,
  },
  innerCellRight: {
    flex: 1,
    borderRightWidth: 1,
    borderRightColor: '#000000',
    borderRightStyle: 'solid',
    padding: 8,
    fontSize: 9,
    textAlign: 'right',
  },
  innerCellRightLast: {
    flex: 1,
    padding: 8,
    fontSize: 9,
    textAlign: 'right',
  },
  footer: {
    marginTop: 30,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'flex-start',
  },
  footerCompany: {
    fontSize: 12,
    fontWeight: 'bold',
    textAlign: 'right',
    flex: 1,
    color: '#1f74bf',
  },
  specialInstructionTable: {
    width: '60%',
    maxWidth: 300,
    borderWidth: 1,
    borderColor: '#000000',
    flex: 1,
  },
});

export default pdfStyles;