import type { TemplateDefinition } from '@pdfdraft/core/template-registry';
import { getPreviewImageUrl } from './preview-image';

const simpleInvoiceBase: Omit<TemplateDefinition, 'previewImage'> = {
	id: 'simple-invoice',
	title: 'Olive',
	description: 'Modern & minimal invoice template.',
	category: 'Invoice',
	previewTheme: {
		primary: '#1a5c3a',
		secondary: '#f4f2ed',
		accent: '#2d7a52',
	},
	design: {
		pages: {
			HGxR2Fvhm3CFrIaz: {
				name: '',
				children: [
					{
						id: '9ieHkWkb_5c8bozL',
						type: 'shape',
						style: {
							width: '816px',
							height: '5px',
							transform:
								'translate(0.0000024px,0px) rotate(0deg) scale(1,1)',
						},
						content: '',
						props: {
							viewBox: [200, 200],
							path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z',
							background: { color: '#1a5c3a' },
						},
					},
					{
						id: 'oDzIWH2-eUlenN8Y',
						type: 'woocommerce_product_table',
						style: {
							width: '727px',
							height: '118px',
							transform:
								'translate(45.4000024px,543.1999456px) rotate(0deg) scale(1,1)',
						},
						content: '',
						props: {
							textStyle: {
								fontFamily: 'Jost',
								textAlign: 'left',
								color: '#0a0a0a',
							},
							template: 'classic',
						},
					},
					{
						id: 'AQ1au87xGJ_uhEgA',
						type: 'text',
						style: {
							width: '151px',
							height: '59px',
							transform:
								'translate(629.5002856px,30px) rotate(0deg) scale(1,1)',
						},
						content: '<div><em>Invoice</em></div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												marks: [{ type: 'italic' }],
												text: 'Invoice',
											},
										],
									},
								],
							},
							globalStyle: {
								fontSize: 42,
								fontFamily: 'Playfair Display',
								fontWeight: '400',
								color: '#1a5c3a',
							},
						},
					},
					{
						id: '1EIIn4KVefkMSXUY',
						type: 'shape',
						style: {
							width: '816px',
							height: '89px',
							transform:
								'translate(0.0000024px,967px) rotate(0deg) scale(1,1)',
						},
						content: '',
						props: {
							viewBox: [200, 200],
							path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z',
							background: { color: '#1a1a18' },
						},
					},
					{
						id: '7aiTl99flspYlygY',
						type: 'woocommerce_total_block',
						style: {
							width: '655px',
							height: '125px',
							transform:
								'translate(117.4000024px,683.2008229px) rotate(0deg) scale(1,1)',
						},
						content: '',
						props: {
							textStyle: {
								color: '#0a0a0a',
								fontFamily: 'Jost',
							},
						},
					},
					{
						id: 'b2Q2BP99Q4yQIJnk',
						type: 'divider',
						style: {
							width: '816px',
							height: 1,
							transform:
								'translate(0.9px,478.9px) rotate(180deg) scale(1,1)',
							borderBottom: '1px solid rgba(225,225,225,1)',
							color: 'rgba(225,225,225,1)',
						},
						content: '',
						props: {
							lineWeight: 1,
							lineType: 'solid',
							style: { color: '#e1e1e1' },
						},
					},
					{
						id: 'KML9PV8tMFrwU0OS',
						type: 'text',
						style: {
							width: '39px',
							height: '19px',
							transform:
								'translate(633.0003458px,89.9999708px) rotate(0deg) scale(1,1)',
						},
						content: '<div>Order</div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												text: 'Order',
											},
										],
									},
								],
							},
							globalStyle: {
								color: '#4a4a46',
								fontSize: 13,
								fontFamily: 'Jost',
							},
						},
					},
					{
						id: 'ZmhW2_tbSBWOboVO',
						type: 'shape',
						style: {
							width: '816px',
							height: '77px',
							transform:
								'translate(0px,158.1447485px) rotate(0deg) scale(1,1)',
						},
						content: '',
						props: {
							viewBox: [200, 200],
							path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z',
							background: { color: '#f4f2ed' },
						},
					},
					{
						id: 'u9iI9RI_FiykOq_I',
						type: 'divider',
						style: {
							width: '816px',
							height: 1,
							transform:
								'translate(0.4000022px,158.1002055px) rotate(0deg) scale(1,1)',
							color: 'rgba(226,223,215,1)',
							borderBottom: '2px solid rgba(226,223,215,1)',
						},
						content: '',
						props: {
							lineWeight: 1,
							style: { color: '#e2dfd7' },
						},
					},
					{
						id: 'hXzltSHWtKMcWQyZ',
						type: 'divider',
						style: {
							width: '816px',
							height: 1,
							transform:
								'translate(0.4000022px,234.1002055px) rotate(0deg) scale(1,1)',
							color: 'rgba(226,223,215,1)',
							borderBottom: '2px solid rgba(226,223,215,1)',
						},
						content: '',
						props: {
							lineWeight: 1,
							style: { color: '#e2dfd7' },
						},
					},
					{
						id: '9a2XK6Cmo1MelsGR',
						type: 'text',
						style: {
							width: 242,
							height: 24,
							transform:
								'translate(43.9000024px,283.3998789px) rotate(0deg) scale(1,1)',
						},
						content:
							'<div><span style="color: rgb(45, 122, 82);">FROM</span></div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												marks: [
													{
														type: 'textStyle',
														attrs: {
															color: '#2d7a52',
															fontWeight: null,
														},
													},
												],
												text: 'FROM',
											},
										],
									},
								],
							},
							globalStyle: {
								fontFamily: 'Jost',
								fontWeight: '600',
								fontSize: 12,
							},
						},
					},
					{
						id: 'nK2iR3cNAkS8NBqu',
						type: 'divider',
						style: {
							width: '337px',
							height: 1,
							transform:
								'translate(44.0000024px,305.4998892px) rotate(0deg) scale(1,1)',
							borderBottom: '1px solid rgba(225,225,225,1)',
							color: 'rgba(225,225,225,1)',
						},
						content: '',
						props: {
							lineWeight: 1,
							style: { color: '#e1e1e1' },
						},
					},
					{
						id: 'gJqTwZspESnAQMHy',
						name: 'Group',
						type: 'group',
						style: {
							width: '351px',
							height: '24px',
							transform:
								'translate(421.4000024px,283.4px) rotate(0deg) scale(1,1)',
						},
						children: [
							{
								id: 'S2vGz05CgOuGuhRZ',
								type: 'text',
								style: {
									width: 242,
									height: 24,
									transform:
										'translate(0px, -0.00012110000000120635px) rotate(0deg) scale(1, 1)',
								},
								content:
									'<div><span style="color: rgb(45, 122, 82);">BILL TO</span></div>',
								props: {
									json: {
										type: 'doc',
										content: [
											{
												type: 'paragraph',
												attrs: { textAlign: null },
												content: [
													{
														type: 'text',
														marks: [
															{
																type: 'textStyle',
																attrs: {
																	color: '#2d7a52',
																	fontWeight:
																		null,
																},
															},
														],
														text: 'BILL TO',
													},
												],
											},
										],
									},
									globalStyle: {
										fontFamily: 'Jost',
										fontWeight: '600',
										fontSize: 12,
									},
								},
							},
							{
								id: '8uLivvwhQx0Ksfe2',
								type: 'divider',
								style: {
									width: '351px',
									height: 1,
									transform:
										'translate(0px, 22.999000000000024px) rotate(0deg) scale(1, 1)',
									borderBottom:
										'1px solid rgba(225,225,225,1)',
									color: 'rgba(225,225,225,1)',
								},
								content: '',
								props: {
									lineWeight: 1,
									style: { color: '#e1e1e1' },
								},
							},
						],
						props: {},
					},
					{
						id: 'WGu4pQt2nOtyVv-0',
						type: 'text',
						style: {
							width: 241,
							height: 24,
							transform:
								'translate(43.9999821px,993.299536px) rotate(0deg) scale(1,1)',
						},
						content:
							'<div><span style="color: rgb(255, 255, 255);"><em>Beta Supply Co.</em></span></div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												marks: [
													{
														type: 'textStyle',
														attrs: {
															color: '#ffffff',
															fontWeight: null,
														},
													},
													{ type: 'italic' },
												],
												text: 'Beta Supply Co.',
											},
										],
									},
								],
							},
							globalStyle: {
								fontFamily: 'Playfair Display',
								fontSize: 14,
							},
						},
					},
					{
						id: '6nlmg9elt5ACwiwq',
						type: 'text',
						style: {
							width: 241,
							height: 24,
							transform:
								'translate(44.9000013px,1017.2757774px) rotate(0deg) scale(1,1)',
						},
						content:
							'<div><span style="color: rgb(169, 169, 169);">New York, hello@betasupply.com, (503)881-4400</span></div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												marks: [
													{
														type: 'textStyle',
														attrs: {
															color: 'rgb(169, 169, 169)',
															fontWeight: null,
														},
													},
												],
												text: 'New York, hello@betasupply.com, (503)881-4400',
											},
										],
									},
								],
							},
							globalStyle: {
								fontSize: 11,
								fontFamily: 'Jost',
							},
						},
					},
					{
						id: 'PYNMWQDEgxd7J-mn',
						type: 'text',
						style: {
							width: '67px',
							height: '25px',
							transform:
								'translate(707.900101px,1004.3003999px) rotate(0deg) scale(1,1)',
						},
						content:
							'<div><span style="color: rgb(169, 169, 169);">Thank you </span></div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												marks: [
													{
														type: 'textStyle',
														attrs: {
															color: '#a9a9a9',
															fontWeight: null,
														},
													},
												],
												text: 'Thank you ',
											},
										],
									},
								],
							},
							globalStyle: {
								fontFamily: 'Jost',
								fontSize: 14,
							},
						},
					},
					{
						id: 'hnxT91aQx_ISrVxp',
						type: 'text',
						style: {
							width: 242,
							height: 24,
							transform:
								'translate(44.9000024px,511.4999918px) rotate(0deg) scale(1,1)',
						},
						content:
							'<div><span style="color: rgb(45, 122, 82);">ORDER ITEMS</span></div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												marks: [
													{
														type: 'textStyle',
														attrs: {
															color: 'rgb(45, 122, 82)',
															fontWeight: null,
														},
													},
												],
												text: 'ORDER ITEMS',
											},
										],
									},
								],
							},
							globalStyle: {
								fontFamily: 'Jost',
								fontWeight: '600',
								fontSize: 12,
							},
						},
					},
					{
						id: '05UG_j2CaI3vIOLf',
						type: 'text',
						style: {
							width: '151px',
							height: '31px',
							transform:
								'translate(53.9px,44px) rotate(0deg) scale(1,1)',
						},
						content:
							'<div><span style="color: rgb(45, 45, 45);">Beta Supply Co.</span></div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												marks: [
													{
														type: 'textStyle',
														attrs: {
															color: 'rgb(45, 45, 45)',
															fontWeight: null,
														},
													},
												],
												text: 'Beta Supply Co.',
											},
										],
									},
								],
							},
							globalStyle: {
								fontFamily: 'Jost',
								fontSize: 20,
								fontWeight: '600',
							},
						},
					},
					{
						id: '5MsnG76x0iHuav-I',
						type: 'text',
						style: {
							width: 241,
							height: 24,
							transform:
								'translate(52.8999959px,74.8894837px) rotate(0deg) scale(1,1)',
						},
						content:
							'<div><span style="color: rgb(150, 150, 150);">Premium Clothing Store</span></div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												marks: [
													{
														type: 'textStyle',
														attrs: {
															color: '#969696',
															fontWeight: null,
														},
													},
												],
												text: 'Premium Clothing Store',
											},
										],
									},
								],
							},
							globalStyle: {
								fontFamily: 'Jost',
								fontSize: 14,
							},
						},
					},
					{
						id: 'LHhtCtcBhd3kqD_O',
						type: 'woocommerce',
						style: {
							width: '131px',
							height: '26px',
							transform:
								'translate(650.9969705px,88.4999855px) rotate(0deg) scale(0.8534787500000011,0.8534787500000005)',
							fontSize: '13px',
							color: 'rgba(26,26,24,1)',
							textAlign: 'right',
						},
						content: '',
						props: { content: '{{invoice_number}}' },
					},
					{
						id: 'kQTDAt2tPUM0pipO',
						name: 'Group',
						type: 'group',
						style: {
							width: '39.331500000000005px',
							height: '34px',
							transform:
								'translate(732.66801px,114.0000065px) rotate(0deg) scale(1,1)',
						},
						children: [
							{
								id: '4yWpBjxkE8pztK29',
								type: 'text',
								style: {
									width: '28px',
									height: '34px',
									transform:
										'translate(11.331492400000116px, 0px) rotate(0deg) scale(1, 1)',
								},
								content:
									'<div><span style="color: rgb(26, 92, 58);">PAID</span></div>',
								props: {
									json: {
										type: 'doc',
										content: [
											{
												type: 'paragraph',
												attrs: { textAlign: null },
												content: [
													{
														type: 'text',
														marks: [
															{
																type: 'textStyle',
																attrs: {
																	color: '#1a5c3a',
																	fontWeight:
																		null,
																},
															},
														],
														text: 'PAID',
													},
												],
											},
										],
									},
									globalStyle: {
										fontFamily: 'Jost',
										fontSize: 12,
										fontWeight: '600',
									},
								},
							},
							{
								id: 'NbIKxRJQPmvqGMGQ',
								type: 'shape',
								style: {
									width: 54,
									height: 54,
									transform:
										'translate(-24.16852289999997px, -19.0005053px) rotate(0deg) scale(0.10487043277038985, 0.10487043277038985)',
								},
								content: '',
								props: {
									viewBox: [200, 200],
									path: 'M 50 0 L 150 0 Q 200 0 200 50 L 200 150 Q 200 200 150 200 L 50 200 Q 0 200 0 150 L 0 50 Q 0 0 50 0 Z',
									background: { color: '#1a5c3a' },
								},
							},
						],
						props: {},
					},
					{
						id: 'klMxKtOY_q-qfzBc',
						type: 'text',
						style: {
							width: '87px',
							height: '34px',
							transform:
								'translate(53.9px,175.35px) rotate(0deg) scale(1,1)',
						},
						content:
							'<div><span style="color: rgb(154, 154, 148);">INVOICE DATE</span></div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												marks: [
													{
														type: 'textStyle',
														attrs: {
															color: '#9a9a94',
															fontWeight: null,
														},
													},
												],
												text: 'INVOICE DATE',
											},
										],
									},
								],
							},
							globalStyle: {
								fontFamily: 'Jost',
								fontSize: 12,
								fontWeight: '600',
							},
						},
					},
					{
						id: '4xfecIIBeoOwnOqy',
						type: 'text',
						style: {
							width: '87px',
							height: '17px',
							transform:
								'translate(249.74070799999998px, 175.35px) rotate(0deg) scale(1, 1)',
						},
						content:
							'<div><span style="color: rgb(154, 154, 148);">DATE PAID</span></div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												marks: [
													{
														type: 'textStyle',
														attrs: {
															color: 'rgb(154, 154, 148)',
															fontWeight: null,
														},
													},
												],
												text: 'DATE PAID',
											},
										],
									},
								],
							},
							globalStyle: {
								fontFamily: 'Jost',
								fontSize: 12,
								fontWeight: '600',
							},
						},
					},
					{
						id: 'V1i84y2Zl-PpbUA1',
						type: 'text',
						style: {
							width: '118px',
							height: '17px',
							transform:
								'translate(454.7px, 175.35px) rotate(0deg) scale(1, 1)',
						},
						content:
							'<div><span style="color: rgb(154, 154, 148);">SHIPPING METHOD</span></div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												marks: [
													{
														type: 'textStyle',
														attrs: {
															color: 'rgb(154, 154, 148)',
															fontWeight: null,
														},
													},
												],
												text: 'SHIPPING METHOD',
											},
										],
									},
								],
							},
							globalStyle: {
								fontFamily: 'Jost',
								fontSize: 12,
								fontWeight: '600',
							},
						},
					},
					{
						id: 'dXWfd_K4LNtxTyvW',
						type: 'text',
						style: {
							width: '96px',
							height: '17px',
							transform:
								'translate(676px, 175.35px) rotate(0deg) scale(1, 1)',
						},
						content:
							'<div><span style="color: rgb(154, 154, 148);">ITEMS</span></div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												marks: [
													{
														type: 'textStyle',
														attrs: {
															color: 'rgb(154, 154, 148)',
															fontWeight: null,
														},
													},
												],
												text: 'ITEMS',
											},
										],
									},
								],
							},
							globalStyle: {
								fontFamily: 'Jost',
								fontSize: 12,
								fontWeight: '600',
							},
						},
					},
					{
						id: 'qc5IN7hheSqGNtJV',
						type: 'woocommerce',
						style: {
							width: '150px',
							height: '24px',
							transform:
								'translate(249.6995648px,196.9000075px) rotate(0deg) scale(1,1)',
							fontSize: '13px',
						},
						content: '',
						props: { content: '{{order_date}}' },
					},
					{
						id: 'Pb5bNgQPfGWlRNH7',
						type: 'woocommerce',
						style: {
							width: '112px',
							height: '24px',
							transform:
								'translate(676.6995256px,197.4000149px) rotate(0deg) scale(1,1)',
							fontSize: '13px',
						},
						content: '',
						props: { content: '{{item.quantity}}' },
					},
					{
						id: 'vEF3iamqsktmEXx_',
						type: 'shape',
						style: {
							width: '727px',
							height: '92px',
							transform:
								'translate(45.3888913px,842.0185332px) rotate(0deg) scale(1,1)',
						},
						content: '',
						props: {
							viewBox: [200, 200],
							path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z',
							background: { color: '#f4f2ed' },
							borderRadius: 6,
						},
					},
					{
						id: 'y6gFQORl8EtsoJhO',
						type: 'text',
						style: {
							width: '141px',
							height: '22px',
							transform:
								'translate(68.9px,865.7px) rotate(0deg) scale(1,1)',
						},
						content:
							'<div><span style="color: rgb(154, 154, 148);">PAYMENT METHOD</span></div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												marks: [
													{
														type: 'textStyle',
														attrs: {
															color: 'rgb(154, 154, 148)',
															fontWeight: null,
														},
													},
												],
												text: 'PAYMENT METHOD',
											},
										],
									},
								],
							},
							globalStyle: {
								fontFamily: 'Jost',
								fontSize: 12,
								fontWeight: '600',
							},
						},
					},
					{
						id: '0MBZ0R-borl3yJ6w',
						type: 'text',
						style: {
							width: '113px',
							height: '50px',
							transform:
								'translate(251.2px,865.7px) rotate(0deg) scale(1,1)',
						},
						content:
							'<div><span style="color: rgb(154, 154, 148);">TRANSACTION ID</span></div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												marks: [
													{
														type: 'textStyle',
														attrs: {
															color: 'rgb(154, 154, 148)',
															fontWeight: null,
														},
													},
												],
												text: 'TRANSACTION ID',
											},
										],
									},
								],
							},
							globalStyle: {
								fontFamily: 'Jost',
								fontSize: 12,
								fontWeight: '600',
							},
						},
					},
					{
						id: 'dPeK7VyRfs1vNZX-',
						type: 'woocommerce',
						style: {
							width: '123px',
							height: '30px',
							transform:
								'translate(629.5000098px,887.0004198px) rotate(0deg) scale(1,1)',
							fontSize: '14px',
							color: 'rgba(26,26,24,1)',
						},
						content: '',
						props: { content: '{{order_status}}' },
					},
					{
						id: 'Wbare3GIHhDRQB2K',
						type: 'text',
						style: {
							width: '98px',
							height: '50px',
							transform:
								'translate(474.7px,865.2px) rotate(0deg) scale(1,1)',
						},
						content:
							'<div><span style="color: rgb(154, 154, 148);">TOTAL AMOUNT</span></div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												marks: [
													{
														type: 'textStyle',
														attrs: {
															color: 'rgb(154, 154, 148)',
															fontWeight: null,
														},
													},
												],
												text: 'TOTAL AMOUNT',
											},
										],
									},
								],
							},
							globalStyle: {
								fontFamily: 'Jost',
								fontSize: 12,
								fontWeight: '600',
							},
						},
					},
					{
						id: 'mlsTPuJBMGBcytXV',
						type: 'woocommerce',
						style: {
							width: '148px',
							height: '28px',
							transform:
								'translate(472.75px,887.5px) rotate(0deg) scale(1,1)',
							fontSize: '14px',
							color: 'rgba(26,26,24,1)',
						},
						content: '',
						props: { content: '{{grand_total}}' },
					},
					{
						id: 'OtfWfn3CLd3nZWdH',
						type: 'text',
						style: {
							width: '91px',
							height: '22px',
							transform:
								'translate(633px,865.2px) rotate(0deg) scale(1,1)',
						},
						content:
							'<div><span style="color: rgb(154, 154, 148);">STATUS</span></div>',
						props: {
							json: {
								type: 'doc',
								content: [
									{
										type: 'paragraph',
										attrs: { textAlign: null },
										content: [
											{
												type: 'text',
												marks: [
													{
														type: 'textStyle',
														attrs: {
															color: 'rgb(154, 154, 148)',
															fontWeight: null,
														},
													},
												],
												text: 'STATUS',
											},
										],
									},
								],
							},
							globalStyle: {
								fontFamily: 'Jost',
								fontSize: 12,
								fontWeight: '600',
							},
						},
					},
					{
						id: '1iaWZoqIUJpeWTcb',
						type: 'woocommerce',
						style: {
							width: '241px',
							height: '80px',
							transform:
								'translate(43.9px,324.1749802px) rotate(0deg) scale(1,1)',
							fontSize: '14px',
						},
						content: '',
						props: {
							content:
								'{{shipping_company}}\n{{shipping_address_1}}\n{{store_email}}',
						},
					},
					{
						id: 'z8ckJ5ZUZekplijk',
						type: 'woocommerce',
						style: {
							width: '311px',
							height: '81px',
							transform:
								'translate(421.4px,323.6999878px) rotate(0deg) scale(1,1)',
							fontSize: '14px',
						},
						content: '',
						props: {
							content:
								'{{billing_first_name}} {{billing_last_name}}\n{{billing_address_1}}\n{{billing_company}}\n{{billing_email}}',
						},
					},
					{
						id: 'ZgHraFwAkOKF8zyS',
						type: 'woocommerce',
						style: {
							width: '151px',
							height: '25px',
							transform:
								'translate(68.8999779px,890.1997904px) rotate(0deg) scale(1,1)',
							fontSize: '14px',
							color: 'rgba(26,26,24,1)',
						},
						content: '',
						props: { content: '{{payment_method}}' },
					},
					{
						id: 'h66Mh7M4TcBO9mC_',
						type: 'woocommerce',
						style: {
							width: '151px',
							height: '25px',
							transform:
								'translate(249.6999779px,888.2501597px) rotate(0deg) scale(1,1)',
							fontSize: '14px',
							color: 'rgba(26,26,24,1)',
						},
						content: '',
						props: { content: '{{transaction_id}}' },
					},
					{
						id: '-Xkg0b4NVIpFcOIA',
						type: 'woocommerce',
						style: {
							width: '150px',
							height: '24px',
							transform:
								'translate(454.6995648px,194.9000075px) rotate(0deg) scale(1,1)',
							fontSize: '13px',
						},
						content: '',
						props: { content: '{{shipping_method}}' },
					},
					{
						id: 'QdR1fnHP-nzow8do',
						type: 'date',
						style: {
							width: 109,
							height: 32,
							transform: 'translate(44.5px, 192px)',
							fontSize: '14px',
						},
						content: '',
						props: {
							style: { fontSize: '14px' },
							format: 'dd-mm-yyyy',
						},
					},
				],
			},
		},
		pagesOrder: ['HGxR2Fvhm3CFrIaz'],
		settings: {
			name: '',
			layout: {
				width: 8.5,
				height: 11,
				unit: 'in',
				orientation: 'portrait',
			},
			background: {
				imageProps: {},
			},
		},
		fonts: [
			[
				'AQ1au87xGJ_uhEgA',
				{
					id: 'playfair-display',
					family: 'Playfair Display',
					variants: [400, 500, 600, 700, 800, 900],
					subsets: [
						'cyrillic',
						'latin',
						'latin-ext',
						'vietnamese',
					],
					category: 'serif',
					version: 'v37',
					lastModified: '2024-09-04',
					popularity: 19,
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Playfair%20Display:400,500,600,700,800,900',
				},
			],
			[
				'KML9PV8tMFrwU0OS',
				{
					id: 'jost',
					family: 'Jost',
					variants: [100, 200, 300, 400, 500, 600, 700, 800, 900],
					subsets: ['cyrillic', 'latin', 'latin-ext'],
					category: 'sans-serif',
					version: 'v18',
					lastModified: '2024-09-30',
					popularity: 51,
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900',
				},
			],
			[
				'WGu4pQt2nOtyVv-0',
				{
					id: 'playfair-display',
					family: 'Playfair Display',
					variants: [400, 500, 600, 700, 800, 900],
					subsets: [
						'cyrillic',
						'latin',
						'latin-ext',
						'vietnamese',
					],
					category: 'serif',
					version: 'v37',
					lastModified: '2024-09-04',
					popularity: 19,
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Playfair%20Display:400,500,600,700,800,900',
				},
			],
			[
				'NJPXrC-DDSIaAt-E',
				{
					id: 'montserrat',
					family: 'Montserrat',
					variants: [100, 200, 300, 400, 500, 600, 700, 800, 900],
					subsets: [
						'cyrillic',
						'cyrillic-ext',
						'latin',
						'latin-ext',
						'vietnamese',
					],
					category: 'sans-serif',
					version: 'v29',
					lastModified: '2024-11-07',
					popularity: 4,
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900',
				},
			],
			[
				'oDzIWH2-eUlenN8Y',
				{
					id: 'jost',
					family: 'Jost',
					variants: [100, 200, 300, 400, 500, 600, 700, 800, 900],
					subsets: ['cyrillic', 'latin', 'latin-ext'],
					category: 'sans-serif',
					version: 'v18',
					lastModified: '2024-09-30',
					popularity: 51,
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900',
				},
			],
			[
				'7aiTl99flspYlygY',
				{
					id: 'jost',
					family: 'Jost',
					variants: [100, 200, 300, 400, 500, 600, 700, 800, 900],
					subsets: ['cyrillic', 'latin', 'latin-ext'],
					category: 'sans-serif',
					version: 'v18',
					lastModified: '2024-09-30',
					popularity: 51,
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900',
				},
			],
		],
	},
};

const simpleInvoice: TemplateDefinition = {
	...simpleInvoiceBase,
	previewImage: getPreviewImageUrl('simpleinvoice.webp'),
};

export default simpleInvoice;
