export declare const WIDGET_TEMPLATE = "// (NOTE FOR LLM's) Do not modify this file! It is autogenerated at build time and your changes will be lost.\nimport { connectWidget } from 'apptile-core';\nimport {ReactComponent, WidgetConfig, WidgetEditors, PropertySettings} from './component'\n\nconst pluginListing = {\n  labelPrefix: '__LABEL_PREFIX__',\n  type: 'widget',\n  name: '__LISTING_NAME__',\n  description: '__DISPLAY_DESCRIPTION__',\n  layout: {\n    width: 50,\n    height: 30,\n  },\n  section: 'SDK',\n  icon: '__LISTING_ICON__',\n  manifest: {\n    directoryName: '__PLUGIN_REGISTRY_NAME__',\n  }\n};\n\nexport default connectWidget('__PLUGIN_REGISTRY_NAME__', \n  ReactComponent, \n  WidgetConfig, \n  null, \n  WidgetEditors, \n  {\n    propertySettings: PropertySettings,\n    widgetStyleConfig: [],\n    pluginListing,\n    docs: {},\n  }\n);";
export declare const COMPONENT_TEMPLATE = "import React from 'react';\nimport { View, Text, Image } from 'react-native';\nimport { useApptileWindowDims } from 'apptile-core';\n\nexport function ReactComponent({ model }) {\n  const id = model.get('id');\n  const {width, height} = useApptileWindowDims();\n  return (\n    <View\n      nativeID={'rootElement-' + id}\n      style={{\n        height: height - (2 * 20),\n        flex: 'unset',\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundColor: '#00000010',\n        margin: 20,\n        borderRadius: 25,\n        paddingLeft: 80,\n        paddingRight: 80\n      }}\n    >\n      <Text\n        nativeID={'Text-__PLUGIN_REGISTRY_NAME__-welcometext'}\n        style={{\n          fontSize: 60,\n          textAlign: 'center'\n        }}\n      >\n       Working on the design\n      </Text>\n      <Image \n        nativeID={'Image-__PLUGIN_REGISTRY_NAME__-loadingindicator'}\n        source={{uri: 'https://cdn-demo.apptile.io/621ca46b-031f-4e49-9d51-ca80fd746a36/9486e0c8-bcc0-413d-a556-cab0647a0f74/original.png'}}\n        style={{width: 55, height: 55, transform: [{rotate: \"45deg\"}]}}\n      />\n    </View>\n  );\n}\n\nexport const WidgetConfig = {\n};\n\nexport const WidgetEditors = {\n  basic: [],\n};\n\nexport const PropertySettings = {};\n\nexport const WrapperTileConfig = {\n  name: 'Rating Summary Card',\n  defaultProps: {\n  },\n};\n";
export declare const NAVIGATOR_TEMPLATE = "import React from 'react';\nimport {Platform} from 'react-native';\nimport {createBottomTabNavigator} from '@react-navigation/bottom-tabs';\nimport {createScreenFromConfig, createNavigatorsFromConfig} from 'apptile-core';\n\nconst BottomTabNavigator = createBottomTabNavigator();\n\nexport default function createBottomTabNavigatorFromConfig(\n  navigatorConfig,\n  navigatorModel,\n  props = {},\n  pages,\n){\n  let navigatorOptions = {\n    screenOptions: {\n      tabBarLabelPosition: 'below-icon',\n    },\n  };\n\n  if (Platform.OS !== 'web') navigatorOptions = {...navigatorOptions, detachInactiveScreens: false};\n\n  return (\n    <BottomTabNavigator.Navigator \n      id={navigatorConfig.name} \n      {...navigatorOptions} \n      {...props}\n    >\n      {navigatorConfig.screens\n        .map(config => {\n          const screenModel = navigatorModel?.screens[config.name];\n          return config.type === 'navigator' ? (\n            <BottomTabNavigator.Screen\n              name={config.name}\n              key={config.name}\n              navigationKey={config.name}\n              options={{headerShown: false}}>\n              {screenProps => createNavigatorsFromConfig(config, screenModel, screenProps, pages)}\n            </BottomTabNavigator.Screen>\n          ) : (\n            createScreenFromConfig(BottomTabNavigator, config, screenModel, pages)\n          );\n        })\n        .toList()\n        .toJS()}\n    </BottomTabNavigator.Navigator>\n  );\n};";
