react-native-boxes 1.0.18 → 1.0.20

package/dist/Bar.d.ts

@@ -0,0 +1,26 @@
+import { TextStyle, ViewProps } from "react-native";
+import * as React from 'react';
+import { Icon } from "./Image";
+export interface Option {
+    id: string;
+    title?: string;
+    icon?: string | any;
+    onClick?: (id: string) => void;
+}
+export interface SimpleToolbarProps extends ViewProps {
+    title?: String;
+    backgroundColor?: string;
+    forgroundColor?: string;
+    homeIcon?: string | typeof Icon;
+    onHomePress?: () => void;
+    textStyle?: TextStyle;
+    options?: Option[];
+}
+export declare const SimpleToolbarHeight = 40;
+export declare function SimpleToolbar(props: SimpleToolbarProps): React.JSX.Element;
+export declare function BottomNavBar(props: ViewProps & {
+    options: Option[];
+    selectedId: string;
+    onSelect: (id: string) => void;
+    onDimens?: (width: number, height: number) => void;
+}): React.JSX.Element | null;

package/dist/Bar.js

@@ -0,0 +1,167 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomNavBar = exports.SimpleToolbar = exports.SimpleToolbarHeight = void 0;
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const ThemeContext_1 = require("./ThemeContext");
+const React = __importStar(require("react"));
+const Box_1 = require("./Box");
+const Text_1 = require("./Text");
+const Image_1 = require("./Image");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const Button_1 = require("./Button");
+const utils_1 = require("./utils");
+exports.SimpleToolbarHeight = 40;
+function SimpleToolbar(props) {
+    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    var HomeIcon = (0, Image_1.getIcon)(props.homeIcon);
+    let insets;
+    try {
+        insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
+    }
+    catch (e) {
+        if (!theme.insets)
+            console.warn('Unable to useSafeAreaInsets. Please set theme.insets =  useSafeAreaInsets(). ' + e.message);
+        insets = theme.insets || theme.styles.safeAreaInset;
+    }
+    return (<Box_1.HBox style={[(0, utils_1.isWeb)() ? {
+                paddingTop: theme.dimens.space.lg,
+                paddingBottom: theme.dimens.space.lg,
+                backgroundColor: props.backgroundColor || theme.colors.accent,
+                minHeight: exports.SimpleToolbarHeight * ((0, utils_1.isDesktop)() ? 1.3 : 1.25),
+            } : {
+                paddingTop: insets.top,
+                paddingBottom: theme.dimens.space.lg,
+                backgroundColor: props.backgroundColor || theme.colors.accent,
+                minHeight: exports.SimpleToolbarHeight,
+            }, props.style]}>
+            <react_native_1.StatusBar animated={true} backgroundColor={props.backgroundColor || theme.colors.accent}/>
+            <Box_1.HBox style={{
+            left: 0,
+            paddingStart: HomeIcon ? 0 : theme.dimens.space.sm,
+            justifyContent: HomeIcon ? 'center' : 'flex-start',
+            alignSelf: 'center',
+            position: 'absolute',
+            width: '100%',
+        }}>
+                <Text_1.TextView style={[{
+                color: props.forgroundColor || theme.colors.invert.text
+            }, props.textStyle]}>
+                    {props.title}
+                </Text_1.TextView>
+            </Box_1.HBox>
+
+            <Box_1.HBox style={{
+            paddingLeft: theme.dimens.space.md,
+            alignSelf: 'center',
+            alignContent: 'center',
+            position: 'absolute',
+            justifyContent: 'space-between',
+            width: '99.9%',
+        }}>
+                <Box_1.Center style={{
+            paddingLeft: theme.dimens.space.sm,
+            margin: 0,
+        }}>
+                    <Button_1.PressableView onPress={() => {
+            props.onHomePress && props.onHomePress();
+        }}>
+                        {HomeIcon && <HomeIcon />}
+                    </Button_1.PressableView>
+                </Box_1.Center>
+                <Box_1.HBox style={{
+            alignItems: 'center',
+            marginRight: (0, utils_1.isWeb)() ? theme.dimens.space.sm : theme.dimens.space.md
+        }}>
+                    {props.options?.map((opt) => {
+            let ActionIcon = (0, Image_1.getIcon)(opt.icon);
+            let title = opt.title || opt.id;
+            return (<Button_1.PressableView style={{
+                    paddingStart: theme.dimens.space.md
+                }} key={opt.id} accessibilityHint={title} onPress={() => {
+                    opt.onClick && opt.onClick(opt.id);
+                }}>
+                                    <ActionIcon color={props.forgroundColor || theme.colors.invert.text} style={{
+                    paddingLeft: theme.dimens.space.sm
+                }}/>
+                                </Button_1.PressableView>);
+        })}
+                </Box_1.HBox>
+            </Box_1.HBox>
+        </Box_1.HBox>);
+}
+exports.SimpleToolbar = SimpleToolbar;
+function BottomNavBar(props) {
+    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    const onDimens = props.onDimens;
+    const hasText = props.options?.find((op) => {
+        return op.title != undefined;
+    });
+    function getItem(op) {
+        const color = props.selectedId == op.id ? theme.colors.accent : theme.colors.text;
+        const ItemIcon = (0, Image_1.getIcon)(op.icon);
+        const title = op.title || (hasText ? op.id : undefined);
+        return (<Button_1.PressableView style={{
+                paddingTop: theme.dimens.space.sm
+            }} key={op.id} onPress={() => {
+                op.onClick && op.onClick(op.id);
+                props.onSelect(op.id);
+            }}>
+                <Box_1.Center>
+                    {op.icon && <ItemIcon color={color}/>}
+                    {title &&
+                <Text_1.TextView style={{
+                        fontSize: theme.dimens.font.sm,
+                        color: color
+                    }}>{title}</Text_1.TextView>}
+                </Box_1.Center>
+            </Button_1.PressableView>);
+    }
+    if (!props.options || props.options?.length == 0) {
+        return null;
+    }
+    return (<Box_1.HBox onLayout={(event) => {
+            const { width, height } = event.nativeEvent.layout;
+            onDimens && onDimens(width, height);
+        }} {...props} style={[{
+                padding: theme.dimens.space.md,
+                paddingTop: !hasText ? theme.dimens.space.lg : theme.dimens.space.md,
+                paddingBottom: !hasText ? theme.dimens.space.lg : theme.dimens.space.md,
+                backgroundColor: theme.colors.forground,
+                zIndex: 100,
+                width: '100%',
+                justifyContent: 'space-around',
+                left: 0,
+                bottom: 0,
+                position: 'absolute'
+            }, props.style]}>
+            {props.options?.map(op => {
+            return getItem(op);
+        })}
+        </Box_1.HBox>);
+}
+exports.BottomNavBar = BottomNavBar;
+//# sourceMappingURL=Bar.js.map

package/dist/Bar.js.map

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

package/dist/Box.d.ts

@@ -0,0 +1,14 @@
+import { ScrollViewProps, ViewProps } from "react-native";
+import * as React from 'react';
+export declare function Box(props: ViewProps): React.JSX.Element;
+export declare function VBox(props: ViewProps): React.JSX.Element;
+export declare function HBox(props: ViewProps): React.JSX.Element;
+export declare function Center(props: ViewProps): React.JSX.Element;
+export declare function VPage(props: ViewProps): React.JSX.Element;
+/**
+ * Must be wrapped with SafeAreaView somewhere in parent tree
+ * @param param0
+ * @returns
+ */
+declare const KeyboardAvoidingScrollView: React.FC<ScrollViewProps>;
+export default KeyboardAvoidingScrollView;

package/dist/Box.js

@@ -0,0 +1,112 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VPage = exports.Center = exports.HBox = exports.VBox = exports.Box = void 0;
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const ThemeContext_1 = require("./ThemeContext");
+const React = __importStar(require("react"));
+const react_native_2 = require("react-native");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const utils_1 = require("./utils");
+function Box(props) {
+    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    return (<react_native_1.View {...props} style={[
+            {
+                padding: theme.dimens.space.xs,
+                backgroundColor: theme.randomColor() || 'transparent'
+            },
+            props.style
+        ]}/>);
+}
+exports.Box = Box;
+function VBox(props) {
+    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    return (<Box {...props} style={[
+            {
+                flexDirection: 'column',
+                backgroundColor: theme.randomColor() || 'transparent'
+            },
+            props.style
+        ]}/>);
+}
+exports.VBox = VBox;
+function HBox(props) {
+    return (<VBox {...props} style={[
+            {
+                flexDirection: 'row',
+            },
+            props.style
+        ]}/>);
+}
+exports.HBox = HBox;
+function Center(props) {
+    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    return (<Box {...props} style={[{
+                alignItems: 'center',
+                justifyContent: 'center',
+                backgroundColor: theme.randomColor() || 'transparent'
+            },
+            props.style]}/>);
+}
+exports.Center = Center;
+function VPage(props) {
+    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    return (<VBox {...props} style={[
+            {
+                width: '100%',
+                height: '100%',
+                padding: 0,
+                margin: 0,
+            },
+            props.style
+        ]}/>);
+}
+exports.VPage = VPage;
+/**
+ * Must be wrapped with SafeAreaView somewhere in parent tree
+ * @param param0
+ * @returns
+ */
+const KeyboardAvoidingScrollView = (props) => {
+    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    let insets;
+    try {
+        insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
+    }
+    catch (e) {
+        if (!theme.insets)
+            console.warn('Unable to useSafeAreaInsets. Please set theme.insets =  useSafeAreaInsets(). ' + e.message);
+        insets = theme.insets || theme.styles.safeAreaInset;
+    }
+    if ((0, utils_1.isWeb)()) {
+        return <react_native_2.ScrollView showsVerticalScrollIndicator={false} {...props}/>;
+    }
+    return (<react_native_2.KeyboardAvoidingView style={props.style} behavior="padding" enabled keyboardVerticalOffset={insets.top}>
+            <react_native_2.ScrollView showsHorizontalScrollIndicator={false} showsVerticalScrollIndicator={false} {...props}/>
+        </react_native_2.KeyboardAvoidingView>);
+};
+exports.default = KeyboardAvoidingScrollView;
+//# sourceMappingURL=Box.js.map

package/dist/Box.js.map

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

package/dist/Button.d.ts

@@ -0,0 +1,20 @@
+import { TextProps, TouchableHighlightProps, PressableProps } from "react-native";
+export declare function TransparentButton(props: TextProps & TouchableHighlightProps & {
+    icon?: any;
+    text?: string;
+}): import("react").JSX.Element;
+export declare function ButtonView(props: TextProps & TouchableHighlightProps & {
+    icon?: any;
+    text?: string;
+}): import("react").JSX.Element;
+export declare function RightIconButton(props: TextProps & TouchableHighlightProps & {
+    icon?: any;
+    text?: string;
+}): import("react").JSX.Element;
+export declare function LoadingButton(props: TextProps & TouchableHighlightProps & {
+    loading: boolean;
+    icon?: any;
+    text?: string;
+    loaderStyle?: 'normal' | 'transparent';
+}): import("react").JSX.Element;
+export declare function PressableView(props: PressableProps): import("react").JSX.Element;

package/dist/Button.js

@@ -0,0 +1,220 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PressableView = exports.LoadingButton = exports.RightIconButton = exports.ButtonView = exports.TransparentButton = void 0;
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const ThemeContext_1 = require("./ThemeContext");
+const Box_1 = require("./Box");
+const Text_1 = require("./Text");
+function TransparentButton(props) {
+    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    const tstyle = props.style || {};
+    const [isPressed, setIsPressed] = (0, react_1.useState)(false);
+    const onPressIn = (e) => {
+        setIsPressed(true);
+        if (props.onPressIn)
+            props.onPressIn(e);
+    };
+    const onPressOut = (e) => {
+        setIsPressed(false);
+        if (props.onPressOut)
+            props.onPressOut(e);
+    };
+    return (<react_native_1.TouchableHighlight {...props} onPressIn={onPressIn} onPressOut={onPressOut} underlayColor={theme.colors.transparent} style={[{
+                justifyContent: 'center',
+                alignContent: 'center',
+                alignItems: 'center',
+                padding: theme.dimens.space.md,
+                borderRadius: theme.dimens.space.xl,
+                margin: theme.dimens.space.sm,
+                backgroundColor: theme.colors.accent,
+            }, props.style]}>
+            <Box_1.Center style={{
+            padding: 0,
+            margin: 0,
+            flexDirection: 'row',
+            backgroundColor: 'transparent'
+        }}>
+
+                {props.icon && (<react_native_1.View style={{
+                margin: theme.dimens.space.sm
+            }}>
+                            {props.icon}
+                        </react_native_1.View>)}
+
+                {(props.text || props.children) && (<Text_1.TextView style={{
+                fontWeight: "500",
+                justifyContent: 'center',
+                alignContent: 'center',
+                alignItems: 'center',
+                //@ts-ignore
+                fontSize: tstyle.fontSize,
+                //@ts-ignore
+                fontFamily: tstyle.fontFamily,
+                //@ts-ignore
+                color: isPressed ? (props.underlayColor || theme.colors.accent) : tstyle.color || theme.colors.text,
+            }}>
+                            {props.text || props.children}
+                        </Text_1.TextView>)}
+            </Box_1.Center>
+        </react_native_1.TouchableHighlight>);
+}
+exports.TransparentButton = TransparentButton;
+function ButtonView(props) {
+    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    const tstyle = props.style || {};
+    const [isPressed, setIsPressed] = (0, react_1.useState)(false);
+    const onPressIn = (e) => {
+        setIsPressed(true);
+        if (props.onPressIn)
+            props.onPressIn(e);
+    };
+    const onPressOut = (e) => {
+        setIsPressed(false);
+        if (props.onPressOut)
+            props.onPressOut(e);
+    };
+    return (<react_native_1.TouchableHighlight {...props} onPressIn={onPressIn} onPressOut={onPressOut} underlayColor={props.underlayColor || theme.colors.accentLight} style={[{
+                justifyContent: 'center',
+                alignContent: 'center',
+                alignItems: 'center',
+                padding: theme.dimens.space.md,
+                borderRadius: theme.dimens.space.xl,
+                margin: theme.dimens.space.sm,
+                backgroundColor: theme.colors.accent,
+            }, props.style]}>
+            <Box_1.Center style={{
+            padding: 0,
+            margin: 0,
+            flexDirection: 'row',
+            backgroundColor: 'transparent'
+        }}>
+
+                {props.icon && (<react_native_1.View style={{
+                margin: theme.dimens.space.sm
+            }}>
+                            {props.icon}
+                        </react_native_1.View>)}
+
+                {(props.text || props.children) && (<Text_1.TextView style={{
+                opacity: isPressed ? .7 : 1,
+                fontWeight: "500",
+                justifyContent: 'center',
+                alignContent: 'center',
+                alignItems: 'center',
+                //@ts-ignore
+                fontSize: tstyle.fontSize,
+                //@ts-ignore
+                fontFamily: tstyle.fontFamily,
+                //@ts-ignore
+                color: tstyle.color || theme.colors.invert.text,
+            }}>
+                            {props.text || props.children}
+                        </Text_1.TextView>)}
+            </Box_1.Center>
+        </react_native_1.TouchableHighlight>);
+}
+exports.ButtonView = ButtonView;
+function RightIconButton(props) {
+    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    const tstyle = props.style || {};
+    const [isPressed, setIsPressed] = (0, react_1.useState)(false);
+    const onPressIn = (e) => {
+        setIsPressed(true);
+        if (props.onPressIn)
+            props.onPressIn(e);
+    };
+    const onPressOut = (e) => {
+        setIsPressed(false);
+        if (props.onPressOut)
+            props.onPressOut(e);
+    };
+    return (<react_native_1.TouchableHighlight {...props} onPressIn={onPressIn} onPressOut={onPressOut} underlayColor={props.underlayColor || theme.colors.accentLight} style={[{
+                justifyContent: 'center',
+                alignContent: 'center',
+                alignItems: 'center',
+                padding: theme.dimens.space.md,
+                borderRadius: theme.dimens.space.xl,
+                margin: theme.dimens.space.sm,
+                backgroundColor: theme.colors.accent,
+            }, props.style]}>
+
+            <Box_1.HBox style={{
+            padding: 0,
+            margin: 0,
+            alignItems: 'center',
+            backgroundColor: 'transparent',
+            width: '100%',
+            paddingLeft: theme.dimens.space.sm,
+            paddingRight: theme.dimens.space.sm,
+        }}>
+                <Box_1.Center style={{
+            padding: 0,
+            margin: 0,
+            flexDirection: 'row',
+            backgroundColor: 'transparent'
+        }}>
+
+                    {(props.text) && (<Text_1.TextView style={{
+                marginRight: theme.dimens.space.lg,
+                justifyContent: 'center',
+                alignContent: 'center',
+                alignItems: 'center',
+                //@ts-ignore
+                fontSize: tstyle.fontSize,
+                //@ts-ignore
+                fontFamily: tstyle.fontFamily,
+                //@ts-ignore
+                color: tstyle.color || theme.colors.invert.text,
+            }}>
+                                {props.text}
+                            </Text_1.TextView>)}
+                    {props.children}
+
+                </Box_1.Center>
+                {props.icon && (<react_native_1.View style={{
+                position: 'absolute',
+                right: 0,
+                margin: theme.dimens.space.sm
+            }}>
+                            {props.icon}
+                        </react_native_1.View>)}
+
+            </Box_1.HBox>
+        </react_native_1.TouchableHighlight>);
+}
+exports.RightIconButton = RightIconButton;
+function LoadingButton(props) {
+    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    const [_loading, _setIsLoading] = (0, react_1.useState)(props.loading);
+    (0, react_1.useEffect)(() => {
+        react_native_1.LayoutAnimation.configureNext(react_native_1.LayoutAnimation.Presets.easeInEaseOut);
+        if (props.loading != _loading)
+            _setIsLoading(props.loading);
+    }, [props.loading]);
+    let loaderColor = theme.colors.invert.text;
+    let loaderSize = theme.dimens.icon.md;
+    let btnBg = theme.colors.accent;
+    let btnBgPressed = theme.colors.accentLight;
+    if (_loading && props.loaderStyle == 'transparent') {
+        loaderColor = theme.colors.accent;
+        btnBg = theme.colors.transparent;
+        btnBgPressed = theme.colors.transparent;
+        loaderSize = theme.dimens.icon.lg;
+    }
+    return (<ButtonView {...props} underlayColor={btnBgPressed} style={[{
+                width: _loading ? '100%' : '100%',
+                backgroundColor: btnBg,
+                padding: _loading && props.loaderStyle == 'transparent' ?
+                    theme.dimens.space.sm : theme.dimens.space.md
+            }, props.style]} icon={_loading ?
+            <react_native_1.ActivityIndicator size={loaderSize} color={loaderColor}/>
+            : undefined} text={!_loading ? props.text : undefined}/>);
+}
+exports.LoadingButton = LoadingButton;
+function PressableView(props) {
+    //@ts-ignore
+    return (<react_native_1.Pressable {...props} style={({ pressed }) => [{ opacity: pressed ? 0.7 : 1.0 }, props.style]}/>);
+}
+exports.PressableView = PressableView;
+//# sourceMappingURL=Button.js.map

package/dist/Button.js.map

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

package/dist/I18n.d.ts

@@ -0,0 +1,4 @@
+export type I18n = {
+    t: (id?: string) => string | undefined;
+};
+export declare const _i18n: I18n;

package/dist/I18n.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._i18n = void 0;
+exports._i18n = {
+    t: (id) => id
+};
+//# sourceMappingURL=I18n.js.map

package/dist/I18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"I18n.js","sourceRoot":"","sources":["../src/I18n.ts"],"names":[],"mappings":";;;AAIa,QAAA,KAAK,GAAS;IACvB,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;CAChB,CAAA"}

package/dist/Image.d.ts

@@ -0,0 +1,21 @@
+import { ViewProps } from "react-native";
+export type IconProps = {
+    name: any;
+    size?: number;
+    color?: string;
+};
+export declare function Icon(props: ViewProps & IconProps): import("react").JSX.Element;
+/**
+ *
+ * @param props provide one of iconUrl , iconName , iconText
+ * @returns
+ */
+export declare function Avatar(props: ViewProps & {
+    onPress?: Function;
+    iconUrl?: string;
+    iconName?: string;
+    iconText?: string;
+    iconNameProps?: IconProps;
+    style?: any;
+}): import("react").JSX.Element;
+export declare function getIcon(input: any): any;