react-native-acoustic-connect-beta 17.0.2 → 18.0.7

package/Example/nativebase-v3-kitchensink/src/config/map.tsx

@@ -1,1485 +0,0 @@
-const baseUrl = "../nb/components";
-
-// type mappingType = {
-//   title: string;
-//   description: string;
-//   basic: React.Component;
-//   components: {
-//     component: any;
-//     title: string;
-//     description: string;
-//   }[];
-// };
-
-export const mapping = {
-  Actionsheet: {
-    title: "Actionsheet",
-    description: "",
-    doclink: "https://docs.nativebase.io/action-sheet",
-    basic: require("../components/NativeBaseComponents/Actionsheet"),
-    components: [
-      {
-        component: require("../nb/components/composites/Actionsheet/Composition"),
-        title: "Composition",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Actionsheet/DisableOverlay"),
-        title: "DisableOverlay",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Actionsheet/Icon"),
-        title: "Icon",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Actionsheet/Usage"),
-        title: "Usage",
-        description: "",
-      },
-    ],
-  },
-  SignalTest: {
-    title: "ErrorTest",
-    description: "",
-    doclink: "https://docs.nativebase.io/action-sheet",
-    basic: require("../components/NativeBaseComponents/SignalTest"),
-    components: [
-      {
-        component: require("../nb/components/composites/SignalTest/EventSignal"),
-        title: "Signal Event",
-        description: "",
-      }
-    ],
-  },
-  ErrorTest: {
-    title: "ErrorTest",
-    description: "",
-    doclink: "https://docs.nativebase.io/action-sheet",
-    basic: require("../components/NativeBaseComponents/ErrorTest"),
-    components: [
-      {
-        component: require("../nb/components/composites/ErrorTest/EventError"),
-        title: "Event Error",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/ErrorTest/UIError"),
-        title: "UI Error",
-        description: "",
-      }
-    ],
-  },
-  Alert: {
-    title: "Alert",
-    description: "",
-    doclink: "https://docs.nativebase.io/alert",
-    basic: require("../components/NativeBaseComponents/Alert"),
-    components: [
-      {
-        component: require("../nb/components/composites/Alert/basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Alert/action"),
-        title: "Action",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Alert/colorScheme"),
-        title: "Color Scheme",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Alert/composition"),
-        title: "Composition",
-        description: "",
-      },
-      // {
-      // 	component: require("../nb/components/composites/Alert/knobEnabled"),
-      // 	title: "Knob Enabled",
-      // 	description: "",
-      // },
-      // {
-      // 	component: require("../nb/components/composites/Alert/"),
-      // 	title: "",
-      // 	description: "",
-      // },
-      {
-        component: require("../nb/components/composites/Alert/status"),
-        title: "Status",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Alert/variant"),
-        title: "Variant",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Alert/usage"),
-        title: "Usage",
-        description: "",
-      },
-    ],
-  },
-  AlertDialog: {
-    title: "AlertDialog",
-    description: "",
-    doclink: "https://docs.nativebase.io/alert-dialog",
-    basic: require("../components/NativeBaseComponents/AlertDialog"),
-    components: [
-      {
-        component: require("../nb/components/composites/AlertDialog/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/AlertDialog/Transition"),
-        title: "Transition",
-        description: "",
-      },
-    ],
-  },
-  Avatar: {
-    title: "Avatar",
-    description: "",
-    doclink: "https://docs.nativebase.io/avatar",
-    basic: require("../components/NativeBaseComponents/Avatar"),
-    components: [
-      {
-        component: require("../nb/components/composites/Avatar/AvatarBadge"),
-        title: "Avatar Badge",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Avatar/AvatarGroup"),
-        title: "Avatar Group",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Avatar/Fallback"),
-        title: "Fallback",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Avatar/size"),
-        title: "Size",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Avatar/usage"),
-        title: "Usage",
-        description: "",
-      },
-      // {
-      // 	component: require("../nb/components/composites/Avatar/knobEnabled"),
-      // 	title: "Knob Enabled",
-      // 	description: "",
-      // },
-    ],
-  },
-  Badge: {
-    title: "Badge",
-    description: "",
-    doclink: "https://docs.nativebase.io/badge",
-    basic: require("../components/NativeBaseComponents/Badge"),
-    components: [
-      {
-        component: require("../nb/components/composites/Badge/color"),
-        title: "Color",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Badge/composition"),
-        title: "Composition",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Badge/variants"),
-        title: "Variants",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Badge/usage"),
-        title: "Usage",
-        description: "",
-      },
-    ],
-  },
-  Button: {
-    title: "Button",
-    description: "Primitive Element",
-    doclink: "https://docs.nativebase.io/button",
-    basic: require("../components/NativeBaseComponents/Button"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Button/basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/ButtonGroup/basic"),
-        title: "ButtonGroup",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Button/Composition"),
-        title: "Composition",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Button/icons"),
-        title: "Icons",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Button/loading"),
-        title: "Loading button",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Button/sizes"),
-        title: "Sizes",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Button/variants"),
-        title: "variants",
-        description: "",
-      },
-      // {
-      // 	component: require("../nb/components/primitives/Button/WithRef"),
-      // 	title: "With References",
-      // 	description: "",
-      // },
-    ],
-  },
-  Box: {
-    title: "Box",
-    description: "",
-    doclink: "https://docs.nativebase.io/box",
-    basic: require("../components/NativeBaseComponents/Box"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Box/basic"),
-        title: "Basic",
-        description: "",
-      },
-      // {
-      //   component: require('../nb/components/primitives/Box/composition'),
-      //   title: 'Composition',
-      //   description: '',
-      // },
-      {
-        component: require("../nb/components/primitives/Box/LinearGrad"),
-        title: "Linear Gradient",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Box/composition-card"),
-        title: "Composition Card",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Box/composition-card1"),
-        title: "Composition Card 1",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Box/composition-card2"),
-        title: "Composition Card 2",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Box/composition-card3"),
-        title: "Composition Card 3",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Box/composition-shoes-card"),
-        title: "Composition ShoesCard",
-        description: "",
-      },
-    ],
-  },
-  Center: {
-    title: "Center",
-    description: "",
-    doclink: "https://docs.nativebase.io/center",
-    basic: require("../components/NativeBaseComponents/Center"),
-    components: [
-      {
-        component: require("../nb/components/composites/Center/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Center/SquareCircle"),
-        title: "Square Circle",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Center/WithIcons"),
-        title: "With Icons",
-        description: "",
-      },
-    ],
-  },
-  CheckBox: {
-    title: "CheckBox",
-    description: "Primitive Element",
-    doclink: "https://docs.nativebase.io/checkbox",
-    basic: require("../components/NativeBaseComponents/CheckBox"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Checkbox/basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Checkbox/checkboxGroup"),
-        title: "CheckboxGroup",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Checkbox/controlledCheckbox"),
-        title: "Controlled Checkbox",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Checkbox/customColor"),
-        title: "CustomColor CheckBox",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Checkbox/customIcon"),
-        title: "CustomIcon CheckBox",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Checkbox/disabled"),
-        title: "Disabled CheckBox",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Checkbox/FormControlled"),
-        title: "FormControlled CheckBox",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Checkbox/invalid"),
-        title: "Invalid CheckBox",
-        description: "",
-      },
-      // {
-      // 	component: require("../nb/components/primitives/Checkbox/playground"),
-      // 	title: "CheckBox",
-      // 	description: "",
-      // },
-      {
-        component: require("../nb/components/primitives/Checkbox/size"),
-        title: "Size",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Checkbox/uncontrolledCheckbox"),
-        title: "UnControlled CheckBox",
-        description: "",
-      },
-      // {
-      // 	component: require("../nb/components/primitives/Checkbox/withRef"),
-      // 	title: "CheckBox",
-      // 	description: "",
-      // },
-    ],
-  },
-  Column: {
-    title: "Column",
-    description: "Renders your data vertically",
-    doclink: "https://docs.nativebase.io/v-stack",
-    basic: require("../components/NativeBaseComponents/Column"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Column/Basic"),
-        title: "Basic",
-        description: "",
-      },
-    ],
-  },
-  Divider: {
-    title: "Divider",
-    description: "",
-    doclink: "https://docs.nativebase.io/divider",
-    basic: require("../components/NativeBaseComponents/Divider"),
-    components: [
-      {
-        component: require("../nb/components/composites/Divider/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Divider/Composition"),
-        title: "Composition",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Divider/Orientation"),
-        title: "Orientation",
-        description: "",
-      },
-    ],
-  },
-  Fab: {
-    title: "Fab",
-    description: "",
-    doclink: "https://docs.nativebase.io/fab",
-    basic: require("../components/NativeBaseComponents/Fab"),
-    components: [
-      {
-        component: require("../nb/components/composites/Fab/Kitchensink-Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Fab/Kitchensink-CustomPosition"),
-        title: "Custom Position",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Fab/Kitchensink-Placement"),
-        title: "Placement",
-        description: "",
-      },
-    ],
-  },
-  Flex: {
-    title: "Flex",
-    description: "Box with display='Flex'",
-    doclink: "https://docs.nativebase.io/flex",
-    basic: require("../components/NativeBaseComponents/Flex"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Flex/basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Flex/spacer"),
-        title: "Spacer",
-        description: "",
-      },
-    ],
-  },
-  FlatList: {
-    title: "FlatList",
-    description: "",
-    doclink: "https://docs.nativebase.io/flat-list",
-    basic: require("../components/NativeBaseComponents/FlatList"),
-    components: [
-      {
-        component: require("../nb/components/basic/FlatList/Basic"),
-        title: "Basic",
-        description: "",
-      },
-    ],
-  },
-  FormControl: {
-    title: "FormControl",
-    description: "",
-    doclink: "https://docs.nativebase.io/form-control",
-    basic: require("../components/NativeBaseComponents/FormControl"),
-    components: [
-      {
-        component: require("../nb/components/composites/FormControl/Usage"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/FormControl/CustomStyle"),
-        title: "Custom Styles",
-        description: "",
-      },
-    ],
-  },
-  Heading: {
-    title: "Heading",
-    description: "It shows the Title",
-    doclink: "https://docs.nativebase.io/heading",
-    basic: require("../components/NativeBaseComponents/Heading"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Heading/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Heading/Composition"),
-        title: "Composition",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Heading/OverridenStyle"),
-        title: "OverridenStyle",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Heading/Sizes"),
-        title: "Sizes",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Heading/Truncate"),
-        title: "Truncate",
-        description: "",
-      },
-    ],
-  },
-  HStack: {
-    title: "HStack",
-    description: "Rows structure",
-    doclink: "https://docs.nativebase.io/h-stack",
-    basic: require("../components/NativeBaseComponents/HStack"),
-    components: [
-      {
-        component: require("../nb/components/primitives/HStack/basic"),
-        title: "Basic",
-        description: "",
-      },
-    ],
-  },
-  Icon: {
-    title: "Icon",
-    description: "Show Icon in NativeBase",
-    doclink: "https://docs.nativebase.io/icon",
-    basic: require("../components/NativeBaseComponents/Icon"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Icon/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Icon/CreateIcon"),
-        title: "Create Icon",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Icon/Sizes"),
-        title: "Sizes",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Icon/CustomIcon"),
-        title: "Custom Icon",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Icon/AllIcons"),
-        title: "All Icons",
-        description: "",
-      },
-    ],
-  },
-  IconButton: {
-    title: "IconButton",
-    description: "",
-    doclink: "https://docs.nativebase.io/icon-button",
-    basic: require("../components/NativeBaseComponents/IconButton"),
-    components: [
-      {
-        component: require("../nb/components/composites/IconButton/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/IconButton/Sizes"),
-        title: "Sizes",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/IconButton/SVGIcon"),
-        title: "SVGIcon",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/IconButton/Variant"),
-        title: "Variant",
-        description: "",
-      },
-    ],
-  },
-  Image: {
-    title: "Image",
-    description: "Show image in NativeBase",
-    doclink: "https://docs.nativebase.io/image",
-    basic: require("../components/NativeBaseComponents/Image"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Image/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Image/BorderRadius"),
-        title: "BorderRadius",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Image/FallbackSupport"),
-        title: "FallbackSupport",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Image/Sizes"),
-        title: "Sizes",
-        description: "",
-      },
-      // {
-      // 	component: require("../nb/components/primitives/Image/WithRef"),
-      // 	title: "WithRef",
-      // 	description: "",
-      // },
-    ],
-  },
-  Input: {
-    title: "Input",
-    description: "",
-    doclink: "https://docs.nativebase.io/input",
-    basic: require("../components/NativeBaseComponents/Input"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Input/Basic"),
-        title: "Basic Input",
-        description: "",
-      },
-      // {
-      // 	component: require("../nb/components/primitives/Input/Controlled"),
-      // 	title: "Controlled Input",
-      // 	description: "",
-      // },
-      {
-        component: require("../nb/components/primitives/Input/Elements"),
-        title: "Elements",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Input/FormControlled"),
-        title: "FormControlled",
-        description: "",
-      },
-      // {
-      // 	component: require("../nb/components/primitives/Input/Masked"),
-      // 	title: "Masked",
-      // 	description: "",
-      // },
-      {
-        component: require("../nb/components/primitives/Input/Size"),
-        title: "Size",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Input/Variant"),
-        title: "Variant",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Input/Addons"),
-        title: "Addons",
-        description: "",
-      },
-    ],
-  },
-  KeyboardAvoidingView: {
-    title: "KeyboardAvoidingView",
-    description: "",
-    doclink: "https://docs.nativebase.io/keyboard-avoiding-view",
-    basic: require("../components/NativeBaseComponents/KeyboardAvoidingView"),
-    components: [
-      {
-        component: require("../nb/components/basic/KeyboardAvoidingView/Kitchensink-Basic"),
-        title: "Basic",
-        description: "",
-      },
-    ],
-  },
-  Link: {
-    title: "Link",
-    description: "Used to navigate",
-    doclink: "https://docs.nativebase.io/link",
-    basic: require("../components/NativeBaseComponents/Link"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Link/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Link/CompositeLink"),
-        title: "Composite Link",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Link/CustomOnPress"),
-        title: "Custom Pressable link",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Link/ExternalLink"),
-        title: "External link",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Link/UnderlineLink"),
-        title: "Underline Link",
-        description: "",
-      },
-    ],
-  },
-  // List: {
-  // 	title: "List",
-  // 	description: "",
-  // doclink: 'https://docs.nativebase.io/list',
-  // 	// basic: require("../components/NativeBaseComponents/List"),
-  // 	components: [
-  // 		{
-  // 			component: require("../nb/components/primitives/List/Basic"),
-  // 			title: "Basic",
-  // 			description: "",
-  // 		},
-  // 		{
-  // 			component: require("../nb/components/primitives/List/OrderedList"),
-  // 			title: "Ordered list",
-  // 			description: "",
-  // 		},
-  // 		{
-  // 			component: require("../nb/components/primitives/List/UnorderedList"),
-  // 			title: "Unordered list",
-  // 			description: "",
-  // 		},
-  // 		{
-  // 			component: require("../nb/components/primitives/List/ListWithIcon"),
-  // 			title: "ListWithIcon",
-  // 			description: "",
-  // 		},
-  // 		{
-  // 			component: require("../nb/components/primitives/List/PressableList"),
-  // 			title: "Pressable list",
-  // 			description: "",
-  // 		},
-  // 		{
-  // 			component: require("../nb/components/primitives/List/StylingList"),
-  // 			title: "Styling list",
-  // 			description: "",
-  // 		},
-  // 		{
-  // 			component: require("../nb/components/primitives/List/VirtualizedList"),
-  // 			title: "Virtualized list",
-  // 			description: "",
-  // 		},
-  // 	],
-  // },
-  Menu: {
-    title: "Menu",
-    description: "",
-    doclink: "https://docs.nativebase.io/menu",
-    basic: require("../components/NativeBaseComponents/Menu"),
-    components: [
-      {
-        component: require("../nb/components/composites/Menu/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Menu/MenuPositions"),
-        title: "Menu Positions",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Menu/Group"),
-        title: "Menu Group",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Menu/MenuOptionsGroup"),
-        title: "Menu options Group",
-        description: "",
-      },
-    ],
-  },
-  Modal: {
-    title: "Modal",
-    description: "",
-    doclink: "https://docs.nativebase.io/modal",
-    basic: require("../components/NativeBaseComponents/Modal"),
-    components: [
-      {
-        component: require("../nb/components/composites/Modal/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Modal/ModalPlacement"),
-        title: "ModalPlacement",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Modal/ModalRefEg"),
-        title: "Modal Ref",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Modal/ModalWithAvoidKeyboard"),
-        title: "Avoiding keyboard with Modal ",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Modal/MultipleModal"),
-        title: "Multiple Modal",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Modal/Size"),
-        title: "Size",
-        description: "",
-      },
-    ],
-  },
-  Popover: {
-    title: "Popover",
-    description: "",
-    doclink: "https://docs.nativebase.io/popover",
-    basic: require("../components/NativeBaseComponents/Popover"),
-    components: [
-      {
-        component: require("../nb/components/composites/Popover/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Popover/PopoverPositions"),
-        title: "Popover Positions",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Popover/RefEg"),
-        title: "Ref Example",
-        description: "",
-      },
-    ],
-  },
-  Pressable: {
-    title: "Pressable",
-    description: "",
-    doclink: "https://docs.nativebase.io/pressable",
-    basic: require("../components/NativeBaseComponents/Pressable"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Pressable/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Pressable/Events"),
-        title: "Events",
-        description: "",
-      },
-    ],
-  },
-  Progress: {
-    title: "Progress",
-    description: "",
-    doclink: "https://docs.nativebase.io/progress",
-    basic: require("../components/NativeBaseComponents/Progress"),
-    components: [
-      {
-        component: require("../nb/components/composites/Progress/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Progress/ColorScheme"),
-        title: "Color schemes",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Progress/Composition"),
-        title: "Composition",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Progress/CustomBgColor"),
-        title: "Custom BgColor",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Progress/Flat"),
-        title: "Flat",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Progress/Sizes"),
-        title: "Sizes",
-        description: "",
-      },
-    ],
-  },
-  Radio: {
-    title: "Radio",
-    description: "",
-    doclink: "https://docs.nativebase.io/radio",
-    basic: require("../components/NativeBaseComponents/Radio"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Radio/controlledRadio"),
-        title: "Controlled Radio",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Radio/formControlled"),
-        title: "Form Controlled",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Radio/uncontrolledRadio"),
-        title: "Uncontrolled Radio",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Radio/customColor"),
-        title: "Custom Color",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Radio/customIcon"),
-        title: "Custom con",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Radio/disabled"),
-        title: "Disabled",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Radio/invalid"),
-        title: "Invalid",
-        description: "",
-      },
-      // {
-      // 	component: require("../nb/components/primitives/Radio/playground"),
-      // 	title: "Playground",
-      // 	description: "",
-      // },
-      {
-        component: require("../nb/components/primitives/Radio/size"),
-        title: "Size",
-        description: "",
-      },
-      // {
-      //   component: require('../nb/components/primitives/Radio/withRef'),
-      //   title: 'with Ref',
-      //   description: '',
-      // },
-    ],
-  },
-  ScrollView: {
-    title: "ScrollView",
-    description: "",
-    doclink: "https://docs.nativebase.io/scrollview",
-    basic: require("../components/NativeBaseComponents/ScrollView"),
-    components: [
-      {
-        component: require("../nb/components/basic/ScrollView/Basic"),
-        title: "Basic",
-        description: "",
-      },
-    ],
-  },
-  SectionList: {
-    title: "SectionList",
-    description: "",
-    doclink: "https://docs.nativebase.io/section-list",
-    basic: require("../components/NativeBaseComponents/SectionList"),
-    components: [
-      {
-        component: require("../nb/components/basic/SectionList/Basic"),
-        title: "Basic",
-        description: "",
-      },
-    ],
-  },
-  Select: {
-    title: "Select",
-    description: "",
-    doclink: "https://docs.nativebase.io/select",
-    basic: require("../components/NativeBaseComponents/Select"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Select/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Select/FormControlled"),
-        title: "Form Controlled",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Select/SelectLongList"),
-        title: "Long Lists",
-        description: "",
-      },
-    ],
-  },
-  Skeleton: {
-    title: "Skeleton",
-    description: "",
-    doclink: "https://docs.nativebase.io/skeleton",
-    basic: require("../components/NativeBaseComponents/Skeleton"),
-    components: [
-      {
-        component: require("../nb/components/composites/Skeleton/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Skeleton/Color"),
-        title: "Color",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Skeleton/Composition"),
-        title: "Composition",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Skeleton/isLoaded"),
-        title: "IsLoaded",
-        description: "",
-      },
-    ],
-  },
-  Slider: {
-    title: "Slider",
-    description: "",
-    doclink: "https://docs.nativebase.io/slider",
-    basic: require("../components/NativeBaseComponents/Slider"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Slider/color"),
-        title: "Color",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Slider/Customized"),
-        title: "Customized",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Slider/FormControlled"),
-        title: "Form Controlled",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Slider/Size"),
-        title: "Size",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Slider/Value"),
-        title: "Value",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Slider/Vertical"),
-        title: "Vertical",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Slider/usage"),
-        title: "Usage",
-        description: "",
-      },
-      // {
-      // 	component: require("../nb/components/primitives/Slider/Playground"),
-      // 	title: "Playground",
-      // 	description: "",
-      // },
-    ],
-  },
-  Spinner: {
-    title: "Spinner",
-    description: "",
-    doclink: "https://docs.nativebase.io/spinner",
-    basic: require("../components/NativeBaseComponents/Spinner"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Spinner/color"),
-        title: "Color",
-        description: "",
-      },
-      // {
-      // 	component: require("../nb/components/primitives/Spinner/duration"),
-      // 	title: "Duration",
-      // 	description: "",
-      // },
-      {
-        component: require("../nb/components/primitives/Spinner/size"),
-        title: "Size",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Spinner/usage"),
-        title: "Usage",
-        description: "",
-      },
-      // {
-      // 	component: require("../nb/components/primitives/Spinner/variant"),
-      // 	title: "variant",
-      // 	description: "",
-      // },
-    ],
-  },
-  Stack: {
-    title: "Stack",
-    description: "",
-    doclink: "https://docs.nativebase.io/stack",
-    basic: require("../components/NativeBaseComponents/Stack"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Stack/basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Stack/divider"),
-        title: "Divider",
-        description: "",
-      },
-    ],
-  },
-  StatusBar: {
-    title: "StatusBar",
-    description: "",
-    doclink: "https://docs.nativebase.io/status-bar",
-    basic: require("../components/NativeBaseComponents/StatusBar"),
-    components: [
-      {
-        component: require("../nb/components/basic/StatusBar/Basic"),
-        title: "Basic",
-        description: "",
-      },
-    ],
-  },
-  Switch: {
-    title: "Switch",
-    description: "",
-    doclink: "https://docs.nativebase.io/switch",
-    basic: require("../components/NativeBaseComponents/Switch"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Switch/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Switch/Accessibility"),
-        title: "Accessibility",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Switch/ColorSchemes"),
-        title: "Color Schemes",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Switch/Sizes"),
-        title: "Sizes",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Switch/SwitchBgColor"),
-        title: "Switch BgColor",
-        description: "",
-      },
-      // {
-      // 	component: require("../nb/components/primitives/Switch/example"),
-      // 	title: "Composite Example",
-      // 	description: "",
-      // },
-    ],
-  },
-  Tabs: {
-    title: "Tabs",
-    description: "",
-    doclink: "https://docs.nativebase.io/building-tab-view",
-    basic: require("../components/NativeBaseComponents/Tabs"),
-    components: [
-      {
-        component: require("../nb/components/composites/Tabs/Colors"),
-        title: "Colored Tabs",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Tabs/Composition"),
-        title: "Composition",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Tabs/Controlled"),
-        title: "Controlled Tabs",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Tabs/FittedTab"),
-        title: "Fitted Tab",
-        description: "",
-      },
-      // {
-      // 	component: require("../nb/components/composites/Tabs/IconTabs"),
-      // 	title: "Icon Tabs",
-      // 	description: "",
-      // },
-      {
-        component: require("../nb/components/composites/Tabs/Size"),
-        title: "Sizes",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Tabs/TabAlignment"),
-        title: "Tab Alignment",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Tabs/TabBarOnly"),
-        title: "Tab Bar Only",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Tabs/Usage"),
-        title: "Usage",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Tabs/Variants"),
-        title: "Variants",
-        description: "",
-      },
-    ],
-  },
-  Text: {
-    title: "Text",
-    description: "",
-    doclink: "https://docs.nativebase.io/text",
-    basic: require("../components/NativeBaseComponents/Text"),
-    components: [
-      {
-        component: require("../nb/components/primitives/Text/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Text/ChangingFontSize"),
-        title: "Changing Font Size",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Text/Nested"),
-        title: "Nested texts",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Text/Overriden"),
-        title: "Overriden Text",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/Text/Truncated"),
-        title: "Truncated text",
-        description: "",
-      },
-    ],
-  },
-  TextArea: {
-    title: "TextArea",
-    description: "",
-    doclink: "https://docs.nativebase.io/textarea",
-    basic: require("../components/NativeBaseComponents/TextArea"),
-    components: [
-      {
-        component: require("../nb/components/primitives/TextArea/basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/TextArea/invalid"),
-        title: "Invalid",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/TextArea/size-kitchensink"),
-        title: "Size",
-        description: "",
-      },
-      {
-        component: require("../nb/components/primitives/TextArea/value"),
-        title: "Value",
-        description: "",
-      },
-    ],
-  },
-  Toast: {
-    title: "Toast",
-    description: "",
-    doclink: "https://docs.nativebase.io/toast",
-    basic: require("../components/NativeBaseComponents/Toast"),
-    components: [
-      {
-        component: require("../nb/components/composites/Toast/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Toast/CloseToast"),
-        title: "Close Toast",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Toast/CustomComponent"),
-        title: "Custom Component",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Toast/PreventDuplicate"),
-        title: "Prevent Duplicate",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Toast/ToastPositions"),
-        title: "Toast Positions",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Toast/StatusRecipies"),
-        title: "Toast Status",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Toast/VariantRecipies"),
-        title: "Toast Variants",
-        description: "",
-      },
-    ],
-  },
-  Tooltip: {
-    title: "Tooltip",
-    description: "",
-    doclink: "https://docs.nativebase.io/tooltip",
-    basic: require("../components/NativeBaseComponents/ToolTip"),
-    components: [
-      {
-        component: require("../nb/components/composites/Tooltip/Basic"),
-        title: "Basic",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Tooltip/CustomTooltip"),
-        title: "Custom Tooltip",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Tooltip/TooltipPositions"),
-        title: "Tooltip Positions",
-        description: "",
-      },
-    ],
-  },
-  Transitions: {
-    title: "Transitions",
-    description: "",
-    doclink: "https://docs.nativebase.io/transition",
-    basic: require("../components/NativeBaseComponents/Transitions"),
-    components: [
-      {
-        component: require("../nb/components/composites/Transitions/Fade"),
-        title: "Fade",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Transitions/ScaleFade"),
-        title: "ScaleFade",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Transitions/Slide"),
-        title: "Slide",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Transitions/SlideComposition"),
-        title: "Slide Composition",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Transitions/SlideFade"),
-        title: "Slide Fade",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Transitions/SlideWrapped"),
-        title: "Slide Wrapped",
-        description: "",
-      },
-      {
-        component: require("../nb/components/composites/Transitions/Stagger"),
-        title: "Stagger",
-        description: "",
-      },
-    ],
-  },
-  View: {
-    title: "View",
-    description: "",
-    doclink: "https://docs.nativebase.io/view",
-    basic: require("../components/NativeBaseComponents/View"),
-    components: [
-      {
-        component: require("../nb/components/basic/View/Basic"),
-        title: "Basic",
-        description: "",
-      },
-    ],
-  },
-  VStack: {
-    title: "VStack",
-    description: "",
-    doclink: "https://docs.nativebase.io/v-stack",
-    basic: require("../components/NativeBaseComponents/VStack"),
-    components: [
-      {
-        component: require("../nb/components/primitives/VStack/basic"),
-        title: "Basic",
-        description: "",
-      },
-    ],
-  },
-  ZStack: {
-    title: "ZStack",
-    description: "",
-    doclink: "https://docs.nativebase.io/z-stack",
-    basic: require("../components/NativeBaseComponents/ZStack"),
-    components: [
-      // {
-      // 	component: require("../nb/components/primitives/ZStack/CenterStack"),
-      // 	title: "Center Stack",
-      // 	description: "",
-      // },
-      {
-        component: require("../nb/components/primitives/ZStack/example"),
-        title: "example",
-        description: "",
-      },
-    ],
-  },
-};