Untitled

				{details &&
							details.map((item, index) => (
								<View style={styles.row}>
									<View style={[styles.cell, { padding: 5 }]}>
										<Text style={{ textAlign: 'center' }}>{index + 1}</Text>
									</View>
									<View style={[styles.cell, { padding: 5 }]}>
										<View
											style={{
												flexDirection: 'row',
												gap: 5,
												textAlign: 'center',
												justifyContent: 'center',
											}}
										>
											<Text>{item.jumlahKoli + ' ' + item.jenisKoli}</Text>
										</View>
									</View>
									<View style={[styles.cell, { padding: 5 }]}>
										<View
											style={{
												flexDirection: 'row',
												gap: 5,
												textAlign: 'center',
												justifyContent: 'center',
											}}
										>
											<Text>
												{item.jumlahKemasan && item.namaJenisKemasan
													? item.jumlahKemasan + ' ' + item.namaJenisKemasan
													: '-'}
											</Text>
										</View>
									</View>
									<View
										style={[
											styles.cell,
											{
												padding: 5,
												flexDirection: 'row',
											},
										]}
									>
										<Text
											style={{
												width: 100,
												flexGrow: 1,
												whiteSpace: 'pre-wrap',
												wordBreak: 'break-word',
												overflowWrap: 'break-word',
											}}
										>
											{item.uraianJenisBarang.replace(/(.{14})/g, '$1 ')}
										</Text>
									</View>
									<View style={[styles.cell, { padding: 5 }]}>
										<Text style={{ textAlign: 'right' }}>{item.jumlahBarang}</Text>
									</View>
									<View style={[styles.cell, { padding: 5 }]}>
										<Text style={{ textAlign: 'right' }}>{item.jenisSatuanBarang}</Text>
									</View>
									<View style={[styles.cell, { padding: 5 }]}>
										<Text style={{ textAlign: 'center' }}>{item.keterangan}</Text>
									</View>
								</View>
							))}