added subtext option to examples

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingdocs/pashto-inflector",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "author": "lingdocs.com",
   "description": "A Pashto inflection and verb conjugation engine, inculding React components for displaying Pashto text, inflections, and conjugations",
   "homepage": "https://verbs.lingdocs.com",

src/components/Examples.tsx

@@ -10,17 +10,19 @@ import Pashto from "./Pashto";
 import Phonetics from "./Phonetics";
 import * as T from "../types";
 
-export default function({ 
+type PsStringWSub = T.PsString & { sub?: any };
+
+function Examples({ 
     children,
     ex,
     opts,
 }: {
-    ex?: T.PsString | T.PsString[],
-    children: T.PsString | T.PsString[],
+    ex?: PsStringWSub | PsStringWSub[],
+    children: PsStringWSub | PsStringWSub[],
     opts: T.TextOptions,
 }) {
     const examples = children || ex;
-    const Example = ({ children: text }: { children: T.PsString }) => (
+    const Example = ({ children: text }: { children: PsStringWSub }) => (
         <div className="mt-1 mb-3">
             <div>
                 <Pashto opts={opts}>{text}</Pashto>
@@ -31,6 +33,9 @@ export default function({
             {text.e && <div className="text-muted">
                 {text.e}
             </div>}
+            {text.sub && <div className="small text-muted">
+                {text.sub}
+            </div>} 
         </div>
     );
     return Array.isArray(examples) ?
@@ -39,4 +44,6 @@ export default function({
         </div>
         :
         <Example>{examples}</Example>;
-}
+}
+
+export default Examples;