feat: add min presence ahead example (#2491)

* feat: add min presence ahead example

* chore: add changeset

Author: edwardwolfdev

.changeset/famous-lamps-type.md

@@ -0,0 +1,5 @@
+---
+'@react-pdf/examples': minor
+---
+
+feat: add minPresenceAhead example

packages/examples/.eslintrc.js

@@ -3,5 +3,6 @@ module.exports = {
   rules: {
     'react/prop-types': 0,
     'jsx-a11y/anchor-is-valid': 0,
+    'react/jsx-one-expression-per-line': 0,
   },
 };

packages/examples/src/minPresenceAhead/index.jsx

@@ -0,0 +1,46 @@
+import React from 'react';
+import { Document, Page, View, Text } from '@react-pdf/renderer';
+
+const palette = [
+  '#781c81',
+  '#521b80',
+  '#442f8b',
+  '#3f4c9f',
+  '#4069b4',
+  '#4582c1',
+  '#4e96bd',
+  '#5aa6a9',
+  '#68b090',
+  '#7ab878',
+  '#8dbc64',
+  '#a2be56',
+];
+
+const MinPresenceAhead = () => (
+  <Document>
+    <Page style={{ padding: 20 }}>
+      {palette.map((color, i) => {
+        const minPresenceAhead = i === 8 ? 82 : 0;
+
+        return (
+          <View
+            key={color}
+            wrap={false}
+            minPresenceAhead={i === 8 ? 90 : 0}
+            style={{
+              width: '100%',
+              height: 80,
+              color: 'white',
+              backgroundColor: color,
+            }}
+          >
+            <Text>Index: {i}</Text>
+            <Text>MinPresenceAhead: {minPresenceAhead}</Text>
+          </View>
+        );
+      })}
+    </Page>
+  </Document>
+);
+
+export default MinPresenceAhead;