@fluentui-react-native/tester-core 0.1.1

package/lib/TestComponents/Persona/StandardUsage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardUsage.js","sourceRoot":"","sources":["../../../src/TestComponents/Persona/StandardUsage.tsx"],"names":[],"mappings":"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"}

package/lib/TestComponents/Persona/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PersonaTest';
+//# sourceMappingURL=index.d.ts.map

package/lib/TestComponents/Persona/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Persona/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/lib/TestComponents/Persona/index.js

@@ -0,0 +1,2 @@
+export * from './PersonaTest';
+//# sourceMappingURL=index.js.map

package/lib/TestComponents/Persona/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TestComponents/Persona/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/lib/TestComponents/Persona/styles.d.ts

@@ -0,0 +1,5 @@
+export * from '../PersonaCoin/styles';
+export declare const satyaImageUrl =
+  'https://upload.wikimedia.org/wikipedia/commons/thumb/7/78/MS-Exec-Nadella-Satya-2017-08-31-22_%28cropped%29.jpg/330px-MS-Exec-Nadella-Satya-2017-08-31-22_%28cropped%29.jpg';
+export declare const michaelImageUrl = 'https://upload.wikimedia.org/wikipedia/commons/3/31/Michael_Jackson_in_1988.jpg';
+//# sourceMappingURL=styles.d.ts.map

package/lib/TestComponents/Persona/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Persona/styles.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AAEtC,eAAO,MAAM,aAAa,gLACqJ,CAAC;AAEhL,eAAO,MAAM,eAAe,oFAAoF,CAAC"}

package/lib/TestComponents/Persona/styles.js

@@ -0,0 +1,5 @@
+export * from '../PersonaCoin/styles';
+export const satyaImageUrl =
+  'https://upload.wikimedia.org/wikipedia/commons/thumb/7/78/MS-Exec-Nadella-Satya-2017-08-31-22_%28cropped%29.jpg/330px-MS-Exec-Nadella-Satya-2017-08-31-22_%28cropped%29.jpg';
+export const michaelImageUrl = 'https://upload.wikimedia.org/wikipedia/commons/3/31/Michael_Jackson_in_1988.jpg';
+//# sourceMappingURL=styles.js.map

package/lib/TestComponents/Persona/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TestComponents/Persona/styles.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GACxB,6KAA6K,CAAC;AAEhL,MAAM,CAAC,MAAM,eAAe,GAAG,iFAAiF,CAAC"}

package/lib/TestComponents/PersonaCoin/CustomizeUsage.android.d.ts

@@ -0,0 +1,2 @@
+export * from './CustomizeUsage.mobile';
+//# sourceMappingURL=CustomizeUsage.android.d.ts.map

package/lib/TestComponents/PersonaCoin/CustomizeUsage.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.android.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.android.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/lib/TestComponents/PersonaCoin/CustomizeUsage.android.js

@@ -0,0 +1,2 @@
+export * from './CustomizeUsage.mobile';
+//# sourceMappingURL=CustomizeUsage.android.js.map

package/lib/TestComponents/PersonaCoin/CustomizeUsage.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.android.js","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.android.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/lib/TestComponents/PersonaCoin/CustomizeUsage.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const CustomizeUsage: React.FunctionComponent;
+//# sourceMappingURL=CustomizeUsage.d.ts.map

package/lib/TestComponents/PersonaCoin/CustomizeUsage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAsJlC,CAAC"}

package/lib/TestComponents/PersonaCoin/CustomizeUsage.ios.d.ts

@@ -0,0 +1,2 @@
+export * from './CustomizeUsage.mobile';
+//# sourceMappingURL=CustomizeUsage.ios.d.ts.map

package/lib/TestComponents/PersonaCoin/CustomizeUsage.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.ios.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.ios.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/lib/TestComponents/PersonaCoin/CustomizeUsage.ios.js

@@ -0,0 +1,2 @@
+export * from './CustomizeUsage.mobile';
+//# sourceMappingURL=CustomizeUsage.ios.js.map

package/lib/TestComponents/PersonaCoin/CustomizeUsage.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.ios.js","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.ios.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/lib/TestComponents/PersonaCoin/CustomizeUsage.js

@@ -0,0 +1,152 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Switch, View, Text, TextInput } from 'react-native';
+import { PersonaCoin } from '@fluentui/react-native';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { steveBallmerPhotoUrl } from './styles';
+import { AlignmentPicker } from '../Common/AlignmentPicker';
+import { Slider } from '../Common/Slider';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+const getThemedStyles = themedStyleSheet((t) => {
+  return { textbox: { ...commonStyles.textBox, borderColor: t.colors.inputBorder } };
+});
+export const CustomizeUsage = () => {
+  const [showImage, setShowImage] = React.useState(true);
+  const [coinColor, setCoinColor] = React.useState();
+  const [textColor, setTextColor] = React.useState();
+  const [physicalSize, setPhysicalSize] = React.useState(80);
+  const [iconSize, setIconSize] = React.useState(24);
+  const [iconStrokeWidth, setIconStrokeWidth] = React.useState(2);
+  const [iconStrokeColor, setIconStrokeColor] = React.useState(undefined);
+  const [initialsSize, setInitialsSize] = React.useState(14);
+  const [horizontalAlignment, setHorizontalAlignment] = React.useState();
+  const [verticalAlignment, setVerticalAlignment] = React.useState();
+  const [ringColor, setRingColor] = React.useState('red');
+  const [ringBackgroundColor, setRingBackgroundColor] = React.useState(undefined);
+  const [showRing, setShowRing] = React.useState(true);
+  const [transparent, setTransparent] = React.useState(false);
+  const theme = useTheme();
+  const textBoxBorderStyle = getThemedStyles(theme);
+  const CustomizedPersonaCoin = React.useMemo(() => {
+    const tokens = {
+      backgroundColor: coinColor,
+      color: textColor,
+      horizontalIconAlignment: horizontalAlignment,
+      verticalIconAlignment: verticalAlignment,
+      iconSize: iconSize,
+      iconStrokeWidth: iconStrokeWidth,
+      iconStrokeColor: iconStrokeColor,
+      initialsSize: initialsSize,
+      coinSize: physicalSize,
+    };
+    return PersonaCoin.customize({ tokens });
+  }, [
+    coinColor,
+    textColor,
+    horizontalAlignment,
+    verticalAlignment,
+    iconSize,
+    iconStrokeWidth,
+    iconStrokeColor,
+    initialsSize,
+    physicalSize,
+  ]);
+  return _jsxs(View, {
+    style: commonStyles.root,
+    children: [
+      _jsxs(View, {
+        style: commonStyles.settings,
+        children: [
+          _jsxs(View, {
+            style: commonStyles.switch,
+            children: [_jsx(Text, { children: 'Show image' }), _jsx(Switch, { value: showImage, onValueChange: setShowImage })],
+          }),
+          _jsxs(View, {
+            style: commonStyles.switch,
+            children: [_jsx(Text, { children: 'Show rings' }), _jsx(Switch, { value: showRing, onValueChange: setShowRing })],
+          }),
+          _jsxs(View, {
+            style: commonStyles.switch,
+            children: [_jsx(Text, { children: 'Transparent Ring' }), _jsx(Switch, { value: transparent, onValueChange: setTransparent })],
+          }),
+          _jsx(TextInput, {
+            accessibilityLabel: 'Background color',
+            style: textBoxBorderStyle.textbox,
+            placeholder: 'Background color',
+            blurOnSubmit: true,
+            onSubmitEditing: (e) => {
+              setCoinColor(e.nativeEvent.text);
+            },
+          }),
+          _jsx(TextInput, {
+            accessibilityLabel: 'Initials text color',
+            style: textBoxBorderStyle.textbox,
+            placeholder: 'Initials text color',
+            blurOnSubmit: true,
+            onSubmitEditing: (e) => {
+              setTextColor(e.nativeEvent.text);
+            },
+          }),
+          _jsx(TextInput, {
+            accessibilityLabel: 'Icon stroke color',
+            style: textBoxBorderStyle.textbox,
+            placeholder: 'Icon stroke color',
+            blurOnSubmit: true,
+            onSubmitEditing: (e) => {
+              setIconStrokeColor(e.nativeEvent.text);
+            },
+          }),
+          _jsx(TextInput, {
+            accessibilityLabel: 'Ring color',
+            style: textBoxBorderStyle.textbox,
+            placeholder: 'Ring color',
+            blurOnSubmit: true,
+            onSubmitEditing: (e) => {
+              setRingColor(e.nativeEvent.text);
+            },
+          }),
+          _jsx(TextInput, {
+            accessibilityLabel: 'Ring background color',
+            style: textBoxBorderStyle.textbox,
+            placeholder: 'Ring background color',
+            blurOnSubmit: true,
+            onSubmitEditing: (e) => {
+              setRingBackgroundColor(e.nativeEvent.text);
+            },
+          }),
+          _jsx(AlignmentPicker, {
+            style: commonStyles.header,
+            label: 'Horizontal icon alignment',
+            onSelectionChange: setHorizontalAlignment,
+          }),
+          _jsx(AlignmentPicker, { style: commonStyles.header, label: 'Vertical icon alignment', onSelectionChange: setVerticalAlignment }),
+          _jsx(Text, { children: 'Coin size' }),
+          _jsx(Slider, { minimum: 8, maximum: 200, initialValue: 80, style: commonStyles.vmargin, onChange: setPhysicalSize }),
+          _jsx(Text, { children: 'Icon size' }),
+          _jsx(Slider, { minimum: 8, maximum: 100, initialValue: 24, style: commonStyles.vmargin, onChange: setIconSize }),
+          _jsx(Text, { children: 'Icon stroke width' }),
+          _jsx(Slider, { minimum: 0, maximum: 8, initialValue: 2, style: commonStyles.vmargin, onChange: setIconStrokeWidth }),
+          _jsx(Text, { children: 'Font size' }),
+          _jsx(Slider, { minimum: 5, maximum: 50, initialValue: 14, style: commonStyles.vmargin, onChange: setInitialsSize }),
+        ],
+      }),
+      _jsx(CustomizedPersonaCoin, {
+        initials: 'SB',
+        imageDescription: 'Former CEO of Microsoft',
+        presence: 'blocked',
+        imageUrl: showImage ? steveBallmerPhotoUrl : undefined,
+        ring: showRing
+          ? {
+              ringColor,
+              ringBackgroundColor,
+              ringThickness: 4,
+              innerGap: 4,
+              transparent,
+            }
+          : undefined,
+      }),
+    ],
+  });
+};
+//# sourceMappingURL=CustomizeUsage.js.map

package/lib/TestComponents/PersonaCoin/CustomizeUsage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.js","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.tsx"],"names":[],"mappings":"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"}

package/lib/TestComponents/PersonaCoin/CustomizeUsage.mobile.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const CustomizeUsage: React.FunctionComponent;
+//# sourceMappingURL=CustomizeUsage.mobile.d.ts.map

package/lib/TestComponents/PersonaCoin/CustomizeUsage.mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.mobile.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0D1B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAuGlC,CAAC"}

package/lib/TestComponents/PersonaCoin/CustomizeUsage.mobile.js

@@ -0,0 +1,171 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import React from 'react';
+import { Switch, View, Text, TextInput, StyleSheet } from 'react-native';
+import { PersonaCoin } from '@fluentui/react-native';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import Slider from '@react-native-community/slider';
+import { steveBallmerPhotoUrl } from './styles';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+const NativeSlider = Slider;
+const styles = StyleSheet.create({ slider: { ...commonStyles.vmargin, flex: 1 } });
+const StyledSlider = (props) => {
+  const { title, min, max, initial, onChange, current, step } = props;
+  const theme = useTheme();
+  return _jsxs(View, {
+    style: { flexDirection: 'row' },
+    children: [
+      _jsx(Text, { style: { flex: 0.5, color: theme.colors.inputText }, children: title }),
+      _jsx(NativeSlider, {
+        step: step || 1,
+        minimumValue: min,
+        maximumValue: max,
+        value: initial,
+        style: styles.slider,
+        onValueChange: onChange,
+      }),
+      _jsx(Text, { style: { flex: 0.2, color: theme.colors.inputText }, children: current }),
+    ],
+  });
+};
+const StyledTextInput = (props) => {
+  const theme = useTheme();
+  const textInputStyles = [
+    commonStyles.textBox,
+    { flex: 1, marginHorizontal: 5, borderColor: theme.colors.disabledBodyText, color: theme.colors.inputText },
+  ];
+  return _jsx(TextInput, {
+    accessibilityLabel: props.placeholder,
+    style: textInputStyles,
+    placeholderTextColor: theme.colors.disabledBodyText,
+    blurOnSubmit: true,
+    ...props,
+  });
+};
+const StyledSwitch = (props) => {
+  const { title, value, onChange } = props;
+  const theme = useTheme();
+  return _jsxs(View, {
+    style: commonStyles.switch,
+    children: [
+      _jsx(Text, { style: { color: theme.colors.inputText, flex: 1 }, children: title }),
+      _jsx(Switch, { style: { flex: 1 }, value: value, onValueChange: onChange }),
+    ],
+  });
+};
+export const CustomizeUsage = () => {
+  const [showImage, setShowImage] = React.useState(true);
+  const [showRings, setShowRings] = React.useState(true);
+  const [showPresence, setShowPresence] = React.useState(true);
+  const [showColoredBackground, setShowColoredBackground] = React.useState(false);
+  const [transparent, setTransparent] = React.useState(false);
+  const [coinColor, setCoinColor] = React.useState('green');
+  const [textColor, setTextColor] = React.useState('white');
+  const [coinSize, setCoinsize] = React.useState(88);
+  const [ringThickness, setRingThickness] = React.useState(4);
+  const [innerGap, setInnerGap] = React.useState(4);
+  const [iconSize, setIconSize] = React.useState(20);
+  const [iconStrokeWidth, setIconStrokeWidth] = React.useState(4);
+  const [ringColor, setRingColor] = React.useState('green');
+  const [ringBackgroundColor, setRingBackgroundColor] = React.useState(undefined);
+  const CustomizedPersonaCoin = React.useMemo(() => {
+    const tokens = {
+      backgroundColor: coinColor,
+      color: textColor,
+      ring: { ringColor: 'red' },
+      coinSize: coinSize,
+      iconSize: iconSize,
+      iconStrokeWidth: iconStrokeWidth,
+    };
+    return PersonaCoin.customize({ tokens });
+  }, [coinColor, textColor, coinSize, iconSize, iconStrokeWidth]);
+  return _jsxs(View, {
+    style: { flexDirection: 'column', padding: 10, backgroundColor: showColoredBackground ? 'gray' : 'transparent' },
+    children: [
+      _jsxs(View, {
+        style: { flexDirection: 'row', padding: 20, alignItems: 'center' },
+        children: [
+          _jsx(View, {
+            style: { width: '35%', alignItems: 'center' },
+            children: _jsx(CustomizedPersonaCoin, {
+              initials: 'SB',
+              imageDescription: 'Photo of Satya Nadella',
+              imageUrl: showImage ? steveBallmerPhotoUrl : undefined,
+              presence: showPresence && iconSize ? 'away' : undefined,
+              ring:
+                showRings && ringThickness
+                  ? {
+                      ringColor,
+                      ringBackgroundColor,
+                      ringThickness,
+                      innerGap,
+                      transparent,
+                    }
+                  : undefined,
+            }),
+          }),
+          _jsxs(View, {
+            style: { width: '50%', marginLeft: 30 },
+            children: [
+              _jsx(StyledSwitch, { title: 'Change Background', value: showColoredBackground, onChange: setShowColoredBackground }),
+              _jsx(StyledSwitch, { title: 'Show Image', value: showImage, onChange: setShowImage }),
+              _jsx(StyledSwitch, { title: 'Show Presence', value: showPresence, onChange: setShowPresence }),
+              _jsx(StyledSwitch, { title: 'Show Rings', value: showRings, onChange: setShowRings }),
+              _jsx(StyledSwitch, { title: 'Show transparent rings', value: transparent, onChange: setTransparent }),
+            ],
+          }),
+        ],
+      }),
+      _jsxs(View, {
+        children: [
+          _jsx(StyledSlider, { min: 8, max: 120, initial: 88, onChange: setCoinsize, current: coinSize, step: 8, title: 'coinSize' }),
+          _jsx(StyledSlider, { min: 0, max: 8, initial: 4, onChange: setRingThickness, current: ringThickness, title: 'ringThickness' }),
+          _jsx(StyledSlider, { min: 0, max: 8, initial: 4, onChange: setInnerGap, current: innerGap, title: 'innerGap' }),
+          _jsx(StyledSlider, { min: 0, max: 28, initial: 20, onChange: setIconSize, current: iconSize, step: 4, title: 'iconSize' }),
+          _jsx(StyledSlider, {
+            min: 2,
+            max: 8,
+            initial: 4,
+            onChange: setIconStrokeWidth,
+            current: iconStrokeWidth,
+            title: 'iconStrokeWidth',
+          }),
+          _jsxs(View, {
+            style: { flexDirection: 'row' },
+            children: [
+              _jsx(StyledTextInput, {
+                placeholder: 'Ring glow color',
+                onSubmitEditing: (e) => {
+                  setRingColor(e.nativeEvent.text);
+                },
+              }),
+              _jsx(StyledTextInput, {
+                placeholder: 'Ring background color',
+                onSubmitEditing: (e) => {
+                  setRingBackgroundColor(e.nativeEvent.text);
+                },
+              }),
+            ],
+          }),
+          _jsxs(View, {
+            style: { flexDirection: 'row' },
+            children: [
+              _jsx(StyledTextInput, {
+                placeholder: 'Background color',
+                onSubmitEditing: (e) => {
+                  setCoinColor(e.nativeEvent.text);
+                },
+              }),
+              _jsx(StyledTextInput, {
+                placeholder: 'Initials text color',
+                onSubmitEditing: (e) => {
+                  setTextColor(e.nativeEvent.text);
+                },
+              }),
+            ],
+          }),
+        ],
+      }),
+    ],
+  });
+};
+//# sourceMappingURL=CustomizeUsage.mobile.js.map

package/lib/TestComponents/PersonaCoin/CustomizeUsage.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.mobile.js","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAIpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEpE,MAAM,YAAY,GAAG,MAAqD,CAAC;AAI3E,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AAEnF,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC;IAC9B,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACpE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;YACnC,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,YAAG,KAAK,GAAQ,EACzE,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,IAAI,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,GAAI,EACtI,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,YAAG,OAAO,GAAQ;YACtE,CACR,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,eAAe,GAAG;QACtB,YAAY,CAAC,OAAO;QACpB,EAAE,IAAI,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE;KAC5G,CAAC;IACF,OAAO,CACL,KAAC,SAAS,IACR,kBAAkB,EAAE,KAAK,CAAC,WAAW,EACrC,KAAK,EAAE,eAAe,EACtB,oBAAoB,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,EACnD,YAAY,EAAE,IAAI,KACd,KAAK,GACT,CACH,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC;IAC9B,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,MAAM;YAC9B,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,YAAG,KAAK,GAAQ,EACvE,KAAC,MAAM,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,GAAI;YAChE,CACR,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAA4B,GAAG,EAAE,CAAC;IAC3D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAwB,OAAO,CAAC,CAAC;IACjF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAwB,OAAO,CAAC,CAAC;IACjF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IACpE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IACxE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,OAAO,CAAC,CAAC;IAClE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,SAAS,CAAC,CAAC;IAExF,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;QAChD,MAAM,MAAM,GAAG;YACb,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAC1B,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,QAAQ;YAClB,eAAe,EAAE,eAAe;SACjC,CAAC;QACF,OAAO,WAAW,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;IAAA,CAC1C,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAEhE,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,EAAE;YAEpH,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;oBACtE,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,YACjD,KAAC,qBAAqB,IACpB,QAAQ,EAAC,IAAI,EACb,gBAAgB,EAAC,wBAAwB,EACzC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,EACtD,QAAQ,EAAE,YAAY,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACvD,IAAI,EACF,SAAS,IAAI,aAAa;gCACxB,CAAC,CAAC;oCACE,SAAS;oCACT,mBAAmB;oCACnB,aAAa;oCACb,QAAQ;oCACR,WAAW;iCACZ;gCACH,CAAC,CAAC,SAAS,GAEf,GACG,EAEP,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;4BAC3C,KAAC,YAAY,IAAC,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,wBAAwB,GAAI,EAC5G,KAAC,YAAY,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,GAAI,EAC7E,KAAC,YAAY,IAAC,KAAK,EAAC,eAAe,EAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,GAAI,EACtF,KAAC,YAAY,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,GAAI,EAC7E,KAAC,YAAY,IAAC,KAAK,EAAC,wBAAwB,EAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,GAAI;4BACxF;oBACF,EAGP,MAAC,IAAI;oBACH,KAAC,YAAY,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,UAAU,GAAG,EACnH,KAAC,YAAY,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAC,eAAe,GAAG,EACtH,KAAC,YAAY,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,UAAU,GAAG,EACvG,KAAC,YAAY,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,UAAU,GAAG,EAClH,KAAC,YAAY,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,OAAO,EAAE,eAAe,EAAE,KAAK,EAAC,iBAAiB,GAAG,EAE5H,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;4BACnC,KAAC,eAAe,IACd,WAAW,EAAC,iBAAiB,EAC7B,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;oCACtB,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gCAAA,CAClC,GACD,EAEF,KAAC,eAAe,IACd,WAAW,EAAC,uBAAuB,EACnC,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;oCACtB,sBAAsB,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gCAAA,CAC5C,GACD;4BACG,EAEP,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;4BACnC,KAAC,eAAe,IACd,WAAW,EAAC,kBAAkB,EAC9B,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;oCACtB,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gCAAA,CAClC,GACD,EAEF,KAAC,eAAe,IACd,WAAW,EAAC,qBAAqB,EACjC,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;oCACtB,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gCAAA,CAClC,GACD;4BACG;oBACF;YACF,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/PersonaCoin/PersonaCoinTest.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const PersonaCoinTest: React.FunctionComponent;
+//# sourceMappingURL=PersonaCoinTest.d.ts.map

package/lib/TestComponents/PersonaCoin/PersonaCoinTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaCoinTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/PersonaCoinTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAYnC,CAAC"}

package/lib/TestComponents/PersonaCoin/PersonaCoinTest.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { PERSONACOIN_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { CustomizeUsage } from './CustomizeUsage';
+import { StandardUsage } from './StandardUsage';
+import { Test } from '../Test';
+const personaCoinSections = [
+  {
+    name: 'Standard Usage',
+    testID: PERSONACOIN_TESTPAGE,
+    component: StandardUsage,
+  },
+  {
+    name: 'Customize Usage',
+    component: CustomizeUsage,
+  },
+];
+export const PersonaCoinTest = () => {
+  const status = {
+    win32Status: 'Deprecated',
+    uwpStatus: 'Deprecated',
+    iosStatus: 'Deprecated',
+    macosStatus: 'Deprecated',
+    androidStatus: 'Deprecated',
+  };
+  const description = "PersonaCoins are used for rendering an individual's avatar. PersonaCoin renders the circular image component.";
+  return _jsx(Test, { name: 'PersonaCoin Test', description: description, sections: personaCoinSections, status: status });
+};
+//# sourceMappingURL=PersonaCoinTest.js.map

package/lib/TestComponents/PersonaCoin/PersonaCoinTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaCoinTest.js","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/PersonaCoinTest.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE1E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,mBAAmB,GAAkB;IACzC;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,oBAAoB;QAC5B,SAAS,EAAE,aAAa;KACzB;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,cAAc;KAC1B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA4B,GAAG,EAAE,CAAC;IAC5D,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,YAAY;QACvB,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,YAAY;QACzB,aAAa,EAAE,YAAY;KAC5B,CAAC;IAEF,MAAM,WAAW,GAAG,+GAA+G,CAAC;IAEpI,OAAO,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAAA,CAClH,CAAC"}

package/lib/TestComponents/PersonaCoin/StandardUsage.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const StandardUsage: React.FunctionComponent;
+//# sourceMappingURL=StandardUsage.d.ts.map

package/lib/TestComponents/PersonaCoin/StandardUsage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardUsage.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/StandardUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqD/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAuCjC,CAAC"}

package/lib/TestComponents/PersonaCoin/StandardUsage.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Switch, View, Text } from 'react-native';
+import { PersonaCoin } from '@fluentui/react-native';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { satyaPhotoUrl, undefinedText } from './styles';
+import { StyledPicker } from '../Common/StyledPicker';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+const allSizes = [undefinedText, 'size8', 'size24', 'size32', 'size40', 'size48', 'size56', 'size72', 'size100', 'size120'];
+const allColors = [
+  undefinedText,
+  'cornflower',
+  'blue',
+  'royalBlue',
+  'teal',
+  'forest',
+  'darkGreen',
+  'berry',
+  'hotPink',
+  'grape',
+  'purple',
+  'pumpkin',
+  'red',
+  'burgundy',
+  'orchid',
+  'brass',
+  'darkRed',
+  'beige',
+  'platinum',
+  'steel',
+  'brown',
+];
+const allPresences = [undefinedText, 'none', 'online', 'offline', 'busy', 'dnd', 'blocked', 'away'];
+export const StandardUsage = () => {
+  const [showImage, setShowImage] = React.useState(true);
+  const [imageSize, setImageSize] = React.useState('size72');
+  const [coinColor, setCoinColor] = React.useState('brass');
+  const [presence, setPresence] = React.useState('online');
+  const onSizeChange = React.useCallback((value) => setImageSize(value), []);
+  const onColorChange = React.useCallback((value) => setCoinColor(value), []);
+  const onPresenceChange = React.useCallback((value) => setPresence(value), []);
+  const theme = useTheme();
+  const textStyles = { color: theme.colors.inputText };
+  return _jsxs(View, {
+    style: commonStyles.root,
+    children: [
+      _jsxs(View, {
+        style: commonStyles.settingsPicker,
+        children: [
+          _jsxs(View, {
+            style: commonStyles.switch,
+            children: [
+              _jsx(Text, { style: textStyles, children: 'Show image' }),
+              _jsx(Switch, { value: showImage, onValueChange: setShowImage }),
+            ],
+          }),
+          _jsx(StyledPicker, { prompt: 'Size', selected: imageSize, onChange: onSizeChange, collection: allSizes }),
+          _jsx(StyledPicker, { prompt: 'Coin color', selected: coinColor, onChange: onColorChange, collection: allColors }),
+          _jsx(StyledPicker, { prompt: 'Presence status', selected: presence, onChange: onPresenceChange, collection: allPresences }),
+        ],
+      }),
+      _jsx(View, {
+        style: commonStyles.pickerControlled,
+        children: _jsx(PersonaCoin, {
+          size: imageSize === undefinedText ? undefined : imageSize,
+          initials: 'SN',
+          imageDescription: 'Photo of Satya Nadella',
+          presence: presence === undefinedText ? undefined : presence,
+          imageUrl: showImage ? satyaPhotoUrl : undefined,
+          coinColorFluent: coinColor === undefinedText ? undefined : coinColor,
+        }),
+      }),
+    ],
+  });
+};
+//# sourceMappingURL=StandardUsage.js.map

package/lib/TestComponents/PersonaCoin/StandardUsage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardUsage.js","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/StandardUsage.tsx"],"names":[],"mappings":"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"}

package/lib/TestComponents/PersonaCoin/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PersonaCoinTest';
+//# sourceMappingURL=index.d.ts.map

package/lib/TestComponents/PersonaCoin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/lib/TestComponents/PersonaCoin/index.js

@@ -0,0 +1,2 @@
+export * from './PersonaCoinTest';
+//# sourceMappingURL=index.js.map

package/lib/TestComponents/PersonaCoin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/lib/TestComponents/PersonaCoin/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const styles: {
+  oneCoin: {
+    margin: number;
+  };
+};
+export declare const satyaPhotoUrl = 'https://upload.wikimedia.org/wikipedia/commons/5/53/Satya_bookcover-print.jpg';
+export declare const steveBallmerPhotoUrl = 'https://www.rmndigital.com/wp-content/uploads/2012/11/stevems.jpg';
+export declare const undefinedText = '(undefined)';
+//# sourceMappingURL=styles.d.ts.map

package/lib/TestComponents/PersonaCoin/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;CAAgD,CAAC;AAEpE,eAAO,MAAM,aAAa,kFAAkF,CAAC;AAE7G,eAAO,MAAM,oBAAoB,sEAAsE,CAAC;AAExG,eAAO,MAAM,aAAa,gBAAgB,CAAC"}

package/lib/TestComponents/PersonaCoin/styles.js

@@ -0,0 +1,6 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({ oneCoin: { margin: 8 } });
+export const satyaPhotoUrl = 'https://upload.wikimedia.org/wikipedia/commons/5/53/Satya_bookcover-print.jpg';
+export const steveBallmerPhotoUrl = 'https://www.rmndigital.com/wp-content/uploads/2012/11/stevems.jpg';
+export const undefinedText = '(undefined)';
+//# sourceMappingURL=styles.js.map

package/lib/TestComponents/PersonaCoin/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AAEpE,MAAM,CAAC,MAAM,aAAa,GAAG,+EAA+E,CAAC;AAE7G,MAAM,CAAC,MAAM,oBAAoB,GAAG,mEAAmE,CAAC;AAExG,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAC"}

package/lib/TestComponents/Pressable/PressableTest.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const PressableTest: React.FunctionComponent;
+//# sourceMappingURL=PressableTest.d.ts.map