[
  {
    "path": ".gitignore",
    "content": "node_modules/**/*\n.expo/*\nnpm-debug.*\npackage-lock.json\nyarn.lock\n*.jks\n*.p12\n*.key\n*.mobileprovision\n.DS_Store\n\n"
  },
  {
    "path": ".prettierrc",
    "content": "{\n  \"printWidth\": 100,\n  \"singleQuote\": true\n}\n"
  },
  {
    "path": ".watchmanconfig",
    "content": "{}\n"
  },
  {
    "path": "App.js",
    "content": "import React from 'react';\nimport { Image } from 'react-native';\nimport AppLoading from 'expo-app-loading';\nimport * as Font from 'expo-font';\nimport { Asset } from 'expo-asset';\nimport { Block, GalioProvider } from 'galio-framework';\nimport { NavigationContainer } from '@react-navigation/native';\n\nimport Screens from './navigation/Screens';\nimport { Images, articles, nowTheme } from './constants';\n\n// cache app images\nconst assetImages = [\n  Images.Onboarding,\n  Images.Logo,\n  Images.Pro,\n  Images.NowLogo,\n  Images.iOSLogo,\n  Images.androidLogo,\n  Images.ProfilePicture,\n  Images.CreativeTimLogo,\n  Images.InvisionLogo,\n  Images.RegisterBackground,\n  Images.ProfileBackground\n];\n\n// cache product images\narticles.map(article => assetImages.push(article.image));\n\nfunction cacheImages(images) {\n  return images.map(image => {\n    if (typeof image === 'string') {\n      return Image.prefetch(image);\n    } else {\n      return Asset.fromModule(image).downloadAsync();\n    }\n  });\n}\n\nexport default class App extends React.Component {\n  state = {\n    isLoadingComplete: false,\n    fontLoaded: false\n  };\n\n  // async componentDidMount() {\n  //   Font.loadAsync({\n  //     'montserrat-regular': require('./assets/font/Montserrat-Regular.ttf'),\n  //     'montserrat-bold': require('./assets/font/Montserrat-Bold.ttf')\n  //   });\n\n  //   this.setState({ fontLoaded: true });\n  // }\n\n  render() {\n    if (!this.state.isLoadingComplete) {\n      return (\n        <AppLoading\n          startAsync={this._loadResourcesAsync}\n          onError={this._handleLoadingError}\n          onFinish={this._handleFinishLoading}\n        />\n      );\n    } else {\n      return (\n        <NavigationContainer>\n          <GalioProvider theme={nowTheme}>\n            <Block flex>\n              <Screens />\n            </Block>\n          </GalioProvider>\n        </NavigationContainer>\n      );\n    }\n  }\n\n  _loadResourcesAsync = async () => {\n    await Font.loadAsync({\n      'montserrat-regular': require('./assets/font/Montserrat-Regular.ttf'),\n      'montserrat-bold': require('./assets/font/Montserrat-Bold.ttf')\n    });\n\n    this.setState({ fontLoaded: true });\n    return Promise.all([...cacheImages(assetImages)]);\n  };\n\n  _handleLoadingError = error => {\n    // In this case, you might want to report the error to your error\n    // reporting service, for example Sentry\n    console.warn(error);\n  };\n\n  _handleFinishLoading = () => {\n    if (this.state.fontLoaded) {\n      this.setState({ isLoadingComplete: true });\n    }\n  };\n}\n"
  },
  {
    "path": "CHANGELOG.md",
    "content": "## [1.5.1] 2022-07-20\n\n### Updated dependencies\n\n- Fixed the dual header shown issue.\n- Updated @react-native-masked-view/masked-view@0.2.4 to @react-native-masked-view/masked-view@0.2.6\n- Updated expo@^42.0.0 to expo@45.0.0\n- Updated expo-app-loading@~1.1.2 to expo-app-loading@2.0.0\n- Updated expo-expo-asset@~8.3.2 to expo-asset@8.5.0\n- Updated expo-font@~9.2.1 to expo-font@10.1.0\n- Updated expo-module-core@^0.2.0 to expo-module-core@0.9.2\n- Updated react@16.13.1 to react@17.0.2\n- Updated react-native@42.0.0 to react@0.68.2\n- Updated react-native-gesture-handler@^1.10.3 to react-native-gesture-handler@2.2.1\n- Updated react-native-reanimated@~2.2.0 to react-native-reanimated@2.8.0\n- Updated react-native-safe-area-context@3.2.0 to react-native-safe-area-context@4.2.4\n- Updated react-native-screens@~3.4.0 to react-native-screens@3.11.1\n- Updated react-native-svg@12.1.1 to react-native-screens@12.3.0\n- Updated dev dependencies\n- Updated babel-preset-expo@8.3.0 to babel-preset-expo@9.1.0\n- Updated Babel Config\n- Added a new plugin of react-native-reanimated/plugin\n\n## [1.5.0] 2022-04-12\n\n### Updated dependencies\n\n- dependencies updated\n- `expo` module core added\n- `stackNavigator` and `drawerNavigation` changes (color scheme set)\n- syntax update in header `Shown`\n\n## [1.4.0] 2020 - 03 - 08\n\n### Updated dependencies\n\n- updated `@react-navigation/drawer@5.8.1` to `@react-navigation/drawer@5.12.4`\n- updated `@react-navigation/native@5.5.0` to `@react-navigation/native@5.9.3`\n- updated `@react-navigation/stack@5.4.1` to `@react-navigation/stack@5.14.3`\n- updated `expo SDK@39` to `expo SDK@40`\n- updated `expo-asset@8.2.0` to `expo-asset@8.2.1`\n- updated `expo-font@8.3.0` to `expo-font@8.4.0`\n- updated `react-native SDK@39` to `react-native SDK@40`\n- updated `react-native-gesture-handler@1.7.0` to `react-native-gesture-handler@1.8.0`\n- updated `react-native-safe-area-context@3.1.4` to `react-native-safe-area-context@3.1.9`\n- updated `react-native-screens@2.10.1` to `react-native-screens@2.15.2`\n- added `expo-app-loading@1.01`\n\n### Updated files\n\n- `useNativeDriver` warning solved for `Tabs.js`\n\n## [1.3.0] 2020 - 11 - 06\n\n### Updated dependencies\n\n- updated `@react-native-community/masked-view@0.1.6` to `@react-native-community/masked-view@0.1.10`\n- updated `expo@37` to `expo@39`\n- updated `expo-asset@8.1.5` to `expo-asset@8.2.0`\n- updated `expo-font@8.1.0 ` to `expo-font@8.3.0`\n- updated `galio-framework@0.6.3` to `galio-framework@0.7.1`\n- updated `react@16.9.0` to `react@16.13.1`\n- updated `react-native SDK@37` to `react-native SDK@39`\n- updated `react-native-gesture-handler@1.6.0` to `react-native-gesture-handler@1.7.0`\n- updated `react-native-reanimated@1.7.0` to `react-native-reanimated@1.13.0`\n- updated `react-native-safe-area-context@0.7.3 ` to `react-native-safe-area-context@3.1.4`\n- updated `react-native-screens@2.2.0` to `react-native-screens@2.10.1`\n- updated `react-native-svg@11.0.1` to `react-native-svg@12.1.0`\n- changed the git source for react-native-modal-dropdown\n\n### Updated files\n\n- App.js - removed `packagerOpts` which solved Expo failed loading\n- Components.js - fixed layout for ScrollView, Horizontal Gallery and Select positioning\n- Header.js - fixed search input autofocusing and creating an error where the back button wouldn't work anymore keeping the user in a loop\n\n## [1.2.0] 2020 - 06 - 20\n\n### Updated dependencies\n\n- updated `expo-asset@8.0.0` to `expo-asset@8.1.5`\n- updated `expo-font@8.0.0` to `expo-font@8.1.0`\n- updated `react-native-gesture-handler@1.5.0` to `react-native-gesture-handler@1.6.0`\n- updated `react-native-reanimated@1.4.0` to `react-native-reanimated@1.7.0`\n- updated `react-native-screens@2.0.0-alpha.12` to `react-native-screens@2.2.0`\n- updated `react-native-safe-area-context@0.6.0` to `react-native-safe-area-context@0.7.3`\n- updated `@react-native-community/masked-view@0.1.5` to `@react-native-community/masked-view@0.1.6`\n- updated `react-native SDK@36.0.0` to `react-native SDK@37.0.0`\n- updated `babel-preset-expo@7.0.0` to `babel-preset-expo@8.2.1`\n- updated `Expo @36.0.0` to `Expo @37.0.0`\n- updated `@react-navigation/native@5.0.0` to `@react-navigation/native@5.5.0`\n- updated `@react-navigation/stack@5.0.0` to `@react-navigation/stack@5.4.1`\n- updated `@react-navigation/compat@5.0.0` to `@react-navigation/compat@5.1.25`\n- updated `@react-navigation/bottom-tabs@5.0.0` to `@react-navigation/bottom-tabs@5.5.1`\n- updated `@react-navigation/drawer@5.0.0` to `@react-navigation/drawer@5.8.1`\n\n### Updated files\n\n- change function for fontLoading in `App.js`, this should fix the often occurrence of the error\n- moved `assets/font/now.json` to `assets/config/now.json` in order to make sure there wouldn't be any issue with the build for Android\n- edited `Header.js` in order to fix the Pro routing error\n- edited `Screens.js` and fixed the headerless Components Screen\n\n## [1.1.0] 2020 - 03 - 12\n\n### Removed dependencies\n\n- removed `react-navigation@4.0.10`\n\n### Added dependencies\n\n- added `@react-navigation/compat@5.0.0`\n- added `@react-navigation/drawer@5.0.0`\n- added `@react-navigation/native@5.0.0`\n- added `@react-navigation/stack@5.0.0`\n- added `@react-native-community/masked-view@0.1.5`\n- added `react-native-reanimated@1.4.0`\n- added `react-native-safe-area-context@0.6.0`\n- added `react-native-screeens@2.0.0-alpha.12`\n\n### Updated dependencies\n\n- updated `expo@35.0.0` to `expo@36.0.1`\n- updated `expo-asset@7.0.0` to `expo-asset@8.0.0`\n- updated `expo-font@7.0.0` to `expo-font@8.0.0`\n- updated `react@16.8.3` to `react@16.9.0`\n- updated `babel-preset-expo@7.1.0` to `babel-preset-expo@8.0.0`\n\n### Updated files\n\n- changed the whole routing from `Screens.js` because `react-navigation@5.0.0` has a new dynamic API\n- changed `Menu.js` for a new Drawer custom component\n- changed `DrawerItem.js` for a new type of `<DrawerCustomItem />`\n- changed props and variables so that the new `react-navigation` API could work with the following files: `Header.js`, `Pro.js`, `Settings.js`, `Search.js`, `Cart.js`, 'Card.js`, `Onboarding.js`\n\n## [1.0.1] 2019-11-12\n\n### HotFix\n\n- small fix on responsive for Profile Page\n- added pre-cache for images for a faster experience\n\n## [1.0.0] 2019-11-11\n\n### Initial Release\n"
  },
  {
    "path": "ISSUE_TEMPLATE.md",
    "content": "<!--\n IMPORTANT: Please use the following link to create a new issue:\n\n  https://www.creative-tim.com/new-issue/now-ui-react-native\n\n**If your issue was not created using the app above, it will be closed immediately.**\n-->\n\n<!--\nLove Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:\n👉  https://www.creative-tim.com/bundles\n👉  https://www.creative-tim.com\n-->\n"
  },
  {
    "path": "LICENSE.md",
    "content": "MIT License\n\nCopyright (c) 2019 Creative Tim\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE."
  },
  {
    "path": "README.md",
    "content": "# [Now UI React Native](https://creativetimofficial.github.io/now-ui-react-native/docs/#) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)](https://twitter.com/home?status=now-ui%20React%20Native,%20a%20cool%20NowUI%20React%20Native%20App%20Template%20%E2%9D%A4%EF%B8%8F%20https%3A//bit.ly/2KAj86H%20%23reactnative%20%23NowUI%20%23designsystem%20%23developers%20via%20%40CreativeTim)\n\n\n ![version](https://img.shields.io/badge/version-1.5.0-blue.svg)  [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/now-ui-react-native.svg?style=flat)](https://github.com/creativetimofficial/now-ui-react-native/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/now-ui-react-native.svg?maxAge=2592000)](https://github.com/creativetimofficial/now-ui-react-native/issues?q=is%3Aissue+is%3Aclosed)\n\n\n![Product Gif](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/now-ui-react-native/opt_nurn_thumbnail.jpg)\n\nNow UI React Native is a fully coded app template built over [Galio.io](https://galio.io/?ref=creativetim), [React Native](https://facebook.github.io/react-native/?ref=creativetim) and [Expo](https://expo.io/?ref=creativetim) to allow you to create powerful and beautiful e-commerce mobile applications. We have redesigned all the usual components in Galio to make it look like Now UI's KIT, minimalistic and easy to use.\n\nStart your development with a badass Design System for React Native inspired by Now UI KIT. If you like Now UI's KIT, you will love this react native app template! It features a huge number of components and screens built to fit together and look amazing.\n\n### FULLY CODED COMPONENTS\n\nNow UI React Native features over 200 variations of components like buttons, inputs, cards, navigations etc, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify inside our theme file.\n\nYou will save a lot of time going from prototyping to full-functional code, because all elements are implemented. We wanted the design process to be seamless, so switching from image to the real page is very easy to do.\n\n### Components & Cards\nNow UI React Native comes packed with a large number of components and cards. Putting together a mobile app has never been easier than matching together different components. From the profile screen to a settings screen, you can easily customise and build your screens. We have created multiple options for you to put together and customise into pixel perfect screens.\n\nView [ all components/cards here](https://demos.creative-tim.com/now-ui-react-native/index.html#cards).\n\n### Example Screens\nIf you want to get inspiration or just show something directly to your clients, you can jump start your development with our pre-built example screens. From onboarding screens to profile or discover screens, you will be able to quickly set up the basic structure for your React Native mobile project.\n\nView [all screens here](https://demos.creative-tim.com/now-ui-react-native/index.html#screens).\n\n\nLet us know your thoughts below. And good luck with development!\n\n\n## Table of Contents\n\n* [Versions](#versions)\n* [Demo](#demo)\n* [Quick Start](#quick-start)\n* [Documentation](#documentation)\n* [File Structure](#file-structure)\n* [OS Support](#os-support)\n* [Resources](#resources)\n* [Reporting Issues](#reporting-issues)\n* [Technical Support or Questions](#technical-support-or-questions)\n* [Licensing](#licensing)\n* [Useful Links](#useful-links)\n\n## Versions\n\n[<img src=\"https://github.com/creativetimofficial/public-assets/blob/master/logos/html-logo.jpg?raw=true\" width=\"60\" height=\"60\" />](https://www.creative-tim.com/product/now-ui-kit)[<img src=\"https://github.com/creativetimofficial/public-assets/blob/master/logos/vue-logo.jpg?raw=true\" width=\"60\" height=\"60\" />](https://www.creative-tim.com/product/vue-now-ui-design-system)[<img src=\"https://github.com/creativetimofficial/public-assets/blob/master/logos/react-logo.jpg?raw=true\" width=\"60\" height=\"60\" />](https://www.creative-tim.com/product/now-ui-design-system-react)[<img src=\"https://github.com/creativetimofficial/public-assets/blob/master/logos/react-native-logo.jpg?raw=true\" width=\"60\" height=\"60\" />](https://www.creative-tim.com/product/now-ui-react-native)[<img src=\"https://github.com/creativetimofficial/public-assets/blob/master/logos/angular-logo.jpg?raw=true\" width=\"60\" height=\"60\" />](https://www.creative-tim.com/product/now-ui-dashboard-angular)\n\n\n\n\n\n| HTML | React | Angular  |\n| --- | --- | ---  |\n| [![Now UI Kit](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/now-ui-kit/opt_nuk_thumbnail.jpg)](https://www.creative-tim.com/product/now-ui-kit)  | [![Now UI Kit React](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/now-ui-kit-react/opt_nuk_react_thumbnail.jpg)](https://www.creative-tim.com/product/now-ui-kit-angular)  | [![Now UI Kit Angular](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/now-ui-kit-angular/opt_nuk_angular_thumbnail.jpg)](https://www.creative-tim.com/product/now-ui-kit-angular)\n\n## Demo\n\n| Home Screen | Profile Screen | Elements Screen | Register Screen |\n| --- | --- | --- | --- |\n| [![Home Screen](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/now-ui-react-native/home-screen.png)](https://demos.creative-tim.com/now-ui-react-native/) | [![Profile Screen](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/now-ui-react-native/profile-screen.png)](https://demos.creative-tim.com/now-ui-react-native/) | [![Elements Screen](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/now-ui-react-native/elements-screen.png)](https://demos.creative-tim.com/now-ui-react-native/) | [![Register Screen](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/now-ui-react-native/register-screen.png)](https://demos.creative-tim.com/now-ui-react-native/) |\n\n- [Start page](https://demos.creative-tim.com/now-ui-react-native)\n- [How to install our free demo](https://demos.creative-tim.com/now-ui-react-native/docs/#/install)\n\n[View more](https://demos.creative-tim.com/now-ui-react-native)\n\n## Quick start\n- Try it out on Expo (Simulator for iOS or even your physical device if you have an Android)\n- Download from [Creative Tim](https://www.creative-tim.com/product/now-ui-react-native)\n\n\n## Documentation\nThe documentation for the Now UI React Native is hosted at our [website](https://demos.creative-tim.com/now-ui-react-native/docs/).\n\n\n## File Structure\nWithin the download you'll find the following directories and files:\n\n```\nnow-ui-react-native/\n├── App.js\n├── CHANGELOG.md\n├── ISSUE_TEMPLATE.md\n├── LICENSE.md\n├── README.md\n├── app.json\n├── assets/\n│   ├── css/\n│   ├── font/\n│   ├── fonts/\n│   │   └── nucleo\n│   ├── icon.png\n│   ├── imgs/\n│   ├── nuk-icons/\n│   │   ├── png/\n│   │   └── svg/\n│   └── splash.png\n├── babel.config.js\n├── components/\n│   ├── Button.js\n│   ├── Card.js\n│   ├── Checkbox.js\n│   ├── DrawerItem.js\n│   ├── Header.js\n│   ├── Icon.js\n│   ├── Img.js\n│   ├── Input.js\n│   ├── Select.js\n│   ├── Sliders.js\n│   ├── Switch.js\n│   ├── Tabs.js\n│   └── index.js\n├── constants/\n│   ├── Images.js\n│   ├── Theme.js\n│   ├── articles.js\n│   ├── index.js\n│   ├── tabs.js\n│   └── utils.js\n├── navigation/\n│   ├── Menu.js\n│   └── Screens.js\n├── package.json\n└── screens/\n    ├── Articles.js\n    ├── Components.js\n    ├── Home.js\n    ├── Onboarding.js\n    ├── Pro.js\n    ├── Profile.js\n    ├── Register.js\n    └── Settings.js\n```\n\n\n## OS Support\n\nAt present, we officially aim to support the last two versions of the following operating systems:\n\n[<img src=\"https://raw.githubusercontent.com/creativetimofficial/ct-material-kit-pro-react-native/master/assets/android-logo.png\" width=\"60\" height=\"60\" />](https://www.creative-tim.com/product/material-kit-pro-react-native)[<img src=\"https://raw.githubusercontent.com/creativetimofficial/ct-material-kit-pro-react-native/master/assets/apple-logo.png\" width=\"60\" height=\"60\" />](https://www.creative-tim.com/product/material-kit-pro-react-native)\n\n\n\n## Resources\n- Demo: <https://demos.creative-tim.com/now-ui-react-native>\n- Download Page: <https://www.creative-tim.com/product/now-ui-react-native>\n- Documentation: <https://demos.creative-tim.com/now-ui-react-native/docs>\n- License Agreement: <https://www.creative-tim.com/license>\n- Support: <https://www.creative-tim.com/contact-us>\n- Issues: [Github Issues Page](https://github.com/creativetimofficial/now-ui-react-native/issues)\n- [Now UI Kit](https://www.creative-tim.com/product/now-ui-design-system?ref=now-uirn-readme) - For Front End Development\n- **Dashboards:**\n\n| HTML | React |\n| --- | --- |\n| [![Now UI HTML](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/now-ui-dashboard/opt_nud_thumbnail.jpg)](https://www.creative-tim.com/product/now-ui-dashboard) | [![Now UI Dashboard React](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/now-ui-dashboard-react/opt_nud_react_thumbnail.jpg)](https://www.creative-tim.com/product/now-ui-dashboard-react)\n\n| Angular | Laravel |\n| --- | --- |\n| [![Now UI Dashboard Angular](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/now-ui-dashboard-angular/opt_nud_angular_thumbnail.jpg)](https://www.creative-tim.com/product/now-ui-dashboard-angular) | [![Now UI Dashboard Laravel](https://s3.amazonaws.com/creativetim_bucket/products/211/original/opt_nud_laravel_thumbnail.jpg?1567087282)](https://www.creative-tim.com/product/now-ui-dashboard-laravel)\n\n## Reporting Issues\n\nWe use GitHub Issues as the official bug tracker for the Now UI React Native. Here are some advices for our users that want to report an issue:\n\n1. Make sure that you are using the latest version of the Now UI React Native.\n2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.\n3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.\n\n\n### Technical Support or Questions\n\nIf you have questions or need help integrating the product please [contact us](https://www.creative-tim.com/contact-us) instead of opening an issue.\n\n\n## Licensing\n\n- Copyright 2019 Creative Tim (https://www.creative-tim.com/)\n\n- Licensed under MIT (https://github.com/creativetimofficial/now-ui-react-native/blob/master/LICENSE.md)\n\n\n\n## Useful Links\n\n- [Tutorials](https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w)\n- [Affiliate Program](https://www.creative-tim.com/affiliates/new) (earn money)\n- [Blog Creative Tim](http://blog.creative-tim.com/)\n- [Free Products](https://www.creative-tim.com/bootstrap-themes/free) from Creative Tim\n- [Premium Products](https://www.creative-tim.com/bootstrap-themes/premium) from Creative Tim\n- [React Products](https://www.creative-tim.com/bootstrap-themes/react-themes) from Creative Tim\n- [Angular Products](https://www.creative-tim.com/bootstrap-themes/angular-themes) from Creative Tim\n- [VueJS Products](https://www.creative-tim.com/bootstrap-themes/vuejs-themes) from Creative Tim\n- [More products](https://www.creative-tim.com/bootstrap-themes) from Creative Tim\n- Check our Bundles [here](https://www.creative-tim.com/bundles?ref=\"now-ui-github-readme\")\n\n\n### Social Media\n\nTwitter: <https://twitter.com/CreativeTim>\n\nFacebook: <https://www.facebook.com/CreativeTim>\n\nDribbble: <https://dribbble.com/creativetim>\n\nInstagram: <https://www.instagram.com/CreativeTimOfficial>\n"
  },
  {
    "path": "app.json",
    "content": "{\n  \"expo\": {\n    \"name\": \"Now UI React Native\",\n    \"slug\": \"now-ui-react-native\",\n    \"privacy\": \"public\",\n    \"platforms\": [\n      \"ios\",\n      \"android\"\n    ],\n    \"version\": \"1.4.0\",\n    \"orientation\": \"portrait\",\n    \"icon\": \"./assets/icon.png\",\n    \"splash\": {\n      \"image\": \"./assets/splash.png\",\n      \"resizeMode\": \"cover\",\n      \"backgroundColor\": \"#ffffff\"\n    },\n    \"updates\": {\n      \"fallbackToCacheTimeout\": 0\n    },\n    \"assetBundlePatterns\": [\n      \"**/*\"\n    ],\n    \"ios\": {\n      \"supportsTablet\": true\n    },\n    \"description\": \"Now UI React Native, based on Now UI Design System. Coded by Creative Tim\"\n  }\n}\n"
  },
  {
    "path": "assets/config/now.json",
    "content": "{\n  \"IcoMoonType\": \"selection\",\n  \"icons\": [\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M96 512v512h390.4c334.4 0 395.2-3.2 416-25.6 22.4-20.8 25.6-88 25.6-486.4s-3.2-465.6-25.6-486.4c-20.8-22.4-81.6-25.6-416-25.6h-390.4v512zM256 256c0 105.6 4.8 192 9.6 192s36.8-22.4 70.4-48c33.6-27.2 68.8-48 80-48s46.4 20.8 80 48c33.6 25.6 65.6 48 70.4 48s9.6-86.4 9.6-192v-192h128v896h-544v-896h96v192zM512 185.6v120l-96-67.2-96 67.2v-241.6h192v121.6zM844.8 83.2c14.4 14.4 19.2 131.2 19.2 428.8 0 424-3.2 448-67.2 448-27.2 0-28.8-27.2-28.8-448s1.6-448 28.8-448c16 0 36.8 8 48 19.2z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"agenda-bookmark@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 433,\n        \"id\": 97,\n        \"name\": \"agenda-bookmark2x\",\n        \"prevSize\": 32,\n        \"code\": 59648\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 0\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M360 30.4c-128 59.2-200 177.6-200 328 0 92.8 59.2 230.4 152 352l43.2 57.6h315.2l65.6-97.6c96-140.8 128-217.6 128-318.4 0-148.8-80-272-211.2-326.4-80-33.6-214.4-32-292.8 4.8zM480 408c0 180.8-6.4 296-16 296-38.4 0-89.6-289.6-72-414.4 9.6-68.8 57.6-177.6 80-177.6 4.8 0 8 132.8 8 296zM603.2 180.8c20.8 38.4 27.2 88 27.2 195.2 0 145.6-40 328-70.4 328-9.6 0-16-115.2-16-297.6 0-305.6 4.8-326.4 59.2-225.6z\",\n          \"M384 928v96h256v-192h-256v96z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"air-baloon@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 434,\n        \"id\": 96,\n        \"name\": \"air-baloon2x\",\n        \"prevSize\": 32,\n        \"code\": 59649\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 1\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M256 48v48h-256v928h1024v-928h-256v-48c0-36.8-6.4-48-32-48s-32 11.2-32 48c0 46.4-1.6 48-80 48s-80-1.6-80-48c0-36.8-6.4-48-32-48s-32 11.2-32 48c0 46.4-1.6 48-80 48s-80-1.6-80-48c0-36.8-6.4-48-32-48s-32 11.2-32 48zM256 192c0 20.8 11.2 32 32 32s32-11.2 32-32c0-27.2 11.2-32 80-32s80 4.8 80 32c0 20.8 11.2 32 32 32s32-11.2 32-32c0-27.2 11.2-32 80-32s80 4.8 80 32c0 20.8 11.2 32 32 32s32-11.2 32-32c0-28.8 11.2-32 96-32h96v800h-896v-800h96c84.8 0 96 3.2 96 32z\",\n          \"M323.2 324.8c-80 84.8-20.8 219.2 94.4 219.2 75.2 0 126.4-54.4 126.4-129.6 0-113.6-144-171.2-220.8-89.6z\",\n          \"M582.4 558.4c-52.8 60.8-100.8 112-107.2 112-8 1.6-46.4-24-84.8-57.6-84.8-68.8-76.8-75.2-204.8 131.2l-88 144 206.4 4.8c115.2 1.6 300.8 1.6 412.8 0l206.4-4.8-118.4-214.4c-64-118.4-120-217.6-123.2-220.8s-48 44.8-99.2 105.6zM524.8 828.8c-150.4 1.6-276.8 0-281.6-3.2-4.8-6.4 27.2-64 80-142.4 4.8-9.6 43.2 11.2 84.8 46.4l75.2 60.8 86.4-94.4c46.4-52.8 84.8-104 86.4-112 0-9.6 32 41.6 70.4 112l72 128-273.6 4.8z\"\n        ],\n        \"attrs\": [{}, {}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"album-2@2x\"]\n      },\n      \"attrs\": [{}, {}, {}],\n      \"properties\": { \"order\": 435, \"id\": 95, \"name\": \"album\", \"prevSize\": 32, \"code\": 59650 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 2\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M320 27.2c-102.4 36.8-257.6 196.8-292.8 299.2-33.6 100.8-35.2 270.4-1.6 368 32 94.4 155.2 230.4 256 281.6 67.2 33.6 100.8 40 230.4 40 177.6 0 257.6-32 364.8-142.4 112-113.6 139.2-187.2 139.2-361.6 0-128-6.4-163.2-38.4-227.2-46.4-91.2-145.6-190.4-241.6-240-92.8-48-307.2-57.6-416-17.6zM614.4 88c152 25.6 296 177.6 326.4 342.4 56 305.6-204.8 566.4-510.4 510.4-235.2-43.2-390.4-272-347.2-510.4 22.4-123.2 100.8-232 224-307.2 43.2-27.2 179.2-59.2 220.8-51.2 12.8 3.2 51.2 9.6 86.4 16z\",\n          \"M352 384c0 27.2 11.2 32 64 32h64v352h-64c-52.8 0-64 4.8-64 32 0 30.4 11.2 32 160 32s160-1.6 160-32c0-27.2-11.2-32-64-32h-64v-416h-96c-84.8 0-96 3.2-96 32z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"alert-circle-i@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 436,\n        \"id\": 94,\n        \"name\": \"alert-circle-i2x\",\n        \"prevSize\": 32,\n        \"code\": 59651\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 3\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M0 128c0 32 11.2 32 512 32s512 0 512-32c0-32-11.2-32-512-32s-512 0-512 32z\",\n          \"M0 512c0 32 11.2 32 512 32s512 0 512-32c0-32-11.2-32-512-32s-512 0-512 32z\",\n          \"M0 896c0 32 11.2 32 512 32s512 0 512-32c0-32-11.2-32-512-32s-512 0-512 32z\"\n        ],\n        \"attrs\": [{}, {}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"align-center@2x\"]\n      },\n      \"attrs\": [{}, {}, {}],\n      \"properties\": {\n        \"order\": 437,\n        \"id\": 93,\n        \"name\": \"align-center2x\",\n        \"prevSize\": 32,\n        \"code\": 59652\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 4\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M0 128c0 32 11.2 32 512 32s512 0 512-32c0-32-11.2-32-512-32s-512 0-512 32z\",\n          \"M0 512c0 32 11.2 32 512 32s512 0 512-32c0-32-11.2-32-512-32s-512 0-512 32z\",\n          \"M0 896c0 32 11.2 32 512 32s512 0 512-32c0-32-11.2-32-512-32s-512 0-512 32z\"\n        ],\n        \"attrs\": [{}, {}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"align-left-2@2x\"]\n      },\n      \"attrs\": [{}, {}, {}],\n      \"properties\": {\n        \"order\": 438,\n        \"id\": 92,\n        \"name\": \"align-left-22x\",\n        \"prevSize\": 32,\n        \"code\": 59653\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 5\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M0 464v304h80c67.2 0 80 4.8 80 28.8 0 48 67.2 99.2 129.6 99.2 60.8 0 126.4-52.8 126.4-100.8 0-24 19.2-27.2 128-27.2 123.2 0 128 1.6 128 36.8 0 52.8 48 91.2 115.2 91.2 62.4 0 108.8-38.4 108.8-92.8 0-30.4 9.6-35.2 64-35.2h64v-126.4c0-126.4 0-126.4-48-144-44.8-14.4-48-20.8-48-96v-81.6h-288v-160h-640v304zM576 464v240h-84.8c-65.6 0-92.8-8-115.2-32-38.4-43.2-137.6-43.2-176 0-17.6 19.2-49.6 32-83.2 32h-52.8v-480h512v240zM864 462.4c0 72 3.2 80 48 96 43.2 14.4 48 22.4 48 80 0 62.4-3.2 65.6-46.4 65.6-27.2 0-52.8-8-57.6-16-12.8-20.8-131.2-20.8-144 0-4.8 8-24 16-41.6 16-28.8 0-30.4-12.8-30.4-160v-160h224v78.4z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"ambulance@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 439,\n        \"id\": 91,\n        \"name\": \"ambulance2x\",\n        \"prevSize\": 32,\n        \"code\": 59654\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 6\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M352 67.2c-57.6 17.6-152 44.8-211.2 62.4l-108.8 32v668.8l84.8 30.4c44.8 17.6 153.6 56 238.4 84.8l156.8 54.4 155.2-54.4c86.4-28.8 195.2-67.2 241.6-84.8l83.2-30.4v-668.8l-112-33.6c-60.8-17.6-161.6-46.4-222.4-64-131.2-38.4-171.2-38.4-305.6 3.2zM657.6 147.2c70.4 17.6 126.4 38.4 126.4 44.8s-60.8 27.2-136 48l-136 36.8-136-36.8c-75.2-20.8-136-41.6-136-48 0-12.8 212.8-76.8 262.4-78.4 16-1.6 86.4 14.4 155.2 33.6zM372.8 321.6l107.2 32v270.4c0 208-4.8 272-19.2 270.4-11.2 0-96-27.2-188.8-60.8l-168-60.8-4.8-265.6-3.2-265.6 83.2 24c46.4 14.4 132.8 38.4 193.6 56zM916.8 768c-16 12.8-336 128-358.4 128-8 0-14.4-115.2-14.4-272v-270.4l108.8-32c59.2-17.6 144-41.6 187.2-54.4l80-22.4 4.8 256c1.6 140.8-1.6 262.4-8 267.2z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"app@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 440, \"id\": 90, \"name\": \"app2x\", \"prevSize\": 32, \"code\": 59655 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 7\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M419.2 36.8c-17.6 19.2-44.8 62.4-57.6 94.4l-25.6 59.2-80-9.6c-97.6-11.2-172.8 16-185.6 70.4-14.4 56 4.8 131.2 49.6 190.4 22.4 28.8 40 60.8 40 70.4s-17.6 41.6-40 70.4c-44.8 59.2-64 134.4-49.6 190.4 12.8 54.4 88 81.6 185.6 70.4l80-9.6 33.6 72c41.6 84.8 83.2 118.4 153.6 118.4 38.4 0 60.8-12.8 91.2-52.8 20.8-27.2 44.8-70.4 49.6-96 11.2-41.6 14.4-43.2 89.6-33.6 137.6 19.2 206.4-19.2 206.4-115.2 0-64-19.2-108.8-73.6-168l-38.4-40 48-64c51.2-67.2 73.6-144 57.6-204.8-12.8-54.4-88-80-192-67.2-83.2 9.6-86.4 8-97.6-35.2-4.8-24-28.8-67.2-49.6-96-32-41.6-51.2-51.2-100.8-51.2-41.6 0-70.4 11.2-94.4 36.8zM636.8 504c1.6 108.8-3.2 196.8-11.2 204.8-16 16-203.2-84.8-284.8-155.2-38.4-33.6-41.6-41.6-22.4-64 32-38.4 276.8-187.2 297.6-180.8 9.6 3.2 17.6 83.2 20.8 195.2z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"atom@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 441, \"id\": 89, \"name\": \"atom2x\", \"prevSize\": 32, \"code\": 59656 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 8\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M419.2 36.8c-25.6 27.2-35.2 57.6-35.2 112v75.2h-384v800h1024v-800h-384v-76.8c0-60.8-8-84.8-36.8-112-51.2-48-139.2-46.4-184 1.6zM384 336v48h256v-96h320v672h-896v-672h320v48z\",\n          \"M206.4 718.4c-30.4 32-46.4 64-46.4 96v49.6h384v-49.6c0-32-16-64-46.4-96-41.6-41.6-57.6-46.4-145.6-46.4s-104 4.8-145.6 46.4z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"badge@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": { \"order\": 442, \"id\": 88, \"name\": \"badge2x\", \"prevSize\": 32, \"code\": 59657 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 9\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M147.2 84.8l-83.2 84.8v854.4h896v-857.6l-169.6-166.4h-560l-83.2 84.8zM792 112l46.4 48h-652.8l92.8-96h467.2l46.4 48zM896 592v368h-768v-736h768v368z\",\n          \"M256 411.2c0 132.8 108.8 228.8 256 228.8s256-96 256-228.8c0-48-6.4-59.2-32-59.2-22.4 0-33.6 14.4-41.6 56-19.2 104-121.6 174.4-222.4 155.2-59.2-11.2-131.2-88-142.4-155.2-8-41.6-19.2-56-41.6-56-25.6 0-32 11.2-32 59.2z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"bag-16@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": { \"order\": 443, \"id\": 87, \"name\": \"bag-162x\", \"prevSize\": 32, \"code\": 59658 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 10\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M236.8 131.2l-236.8 126.4v190.4h1024v-188.8l-243.2-129.6c-134.4-72-259.2-128-276.8-128-17.6 1.6-137.6 59.2-267.2 129.6zM736 196.8c168 89.6 217.6 123.2 220.8 150.4l4.8 36.8h-899.2l4.8-36.8c3.2-27.2 52.8-60.8 220.8-150.4 118.4-64 219.2-115.2 224-115.2s105.6 51.2 224 115.2z\",\n          \"M0 928v96h1024v-192h-1024v96zM960 928c0 32-11.2 32-448 32s-448 0-448-32c0-32 11.2-32 448-32s448 0 448 32z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"bank@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": { \"order\": 444, \"id\": 86, \"name\": \"bank2x\", \"prevSize\": 32, \"code\": 59659 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 11\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M272 152l-72 136h-200v224h96v512h832v-512h96v-224h-200l-72-136c-70.4-136-84.8-148.8-126.4-121.6-17.6 11.2-8 38.4 44.8 136l67.2 121.6h-451.2l67.2-121.6c52.8-97.6 62.4-124.8 44.8-136-41.6-27.2-56-14.4-126.4 121.6zM960 400v48h-896v-96h896v48zM864 736v224h-704v-448h704v224z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"basket@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 445, \"id\": 85, \"name\": \"basket2x\", \"prevSize\": 32, \"code\": 59660 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 12\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M360 30.4c-132.8 60.8-200 177.6-200 344 0 115.2-14.4 166.4-75.2 252.8-92.8 136-32 209.6 224 260.8 24 4.8 43.2 17.6 43.2 28.8s20.8 40 44.8 64c64 60.8 166.4 60.8 230.4 0 24-24 44.8-52.8 44.8-64s19.2-24 44.8-28.8c254.4-51.2 315.2-124.8 222.4-260.8-60.8-86.4-75.2-137.6-75.2-256-1.6-169.6-73.6-288-211.2-345.6-80-33.6-214.4-32-292.8 4.8zM640 104c104 52.8 145.6 137.6 156.8 310.4 8 136 27.2 196.8 86.4 272 25.6 33.6 27.2 43.2 8 60.8-91.2 91.2-667.2 91.2-758.4 0-19.2-17.6-17.6-27.2 8-60.8 59.2-75.2 78.4-136 88-273.6 4.8-104 16-153.6 43.2-195.2 81.6-132.8 235.2-180.8 368-113.6z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"bell-55@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 446, \"id\": 84, \"name\": \"bell\", \"prevSize\": 32, \"code\": 59661 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 13\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M96 62.4c0 27.2 9.6 33.6 48 33.6h48v832h-48c-36.8 0-48 6.4-48 32 0 30.4 11.2 32 326.4 32 312 0 326.4-1.6 379.2-36.8 88-59.2 126.4-129.6 126.4-235.2 0-104-38.4-176-123.2-233.6l-51.2-33.6 35.2-35.2c28.8-28.8 35.2-52.8 35.2-145.6 0-107.2-1.6-113.6-60.8-171.2l-59.2-60.8-304-4.8c-297.6-4.8-304-4.8-304 27.2zM656 124.8c33.6 16 67.2 51.2 84.8 86.4 28.8 59.2 28.8 62.4 0 120-44.8 92.8-107.2 116.8-312 116.8h-172.8v-352h172.8c131.2 0 184 6.4 227.2 28.8zM756.8 548.8c129.6 84.8 129.6 257.6 0 342.4-35.2 24-86.4 30.4-272 33.6l-228.8 6.4v-422.4l228.8 6.4c185.6 3.2 236.8 9.6 272 33.6z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"bold@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 447, \"id\": 83, \"name\": \"bold2x\", \"prevSize\": 32, \"code\": 59662 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 14\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M160 529.6v497.6l36.8-22.4c19.2-12.8 97.6-60.8 176-107.2l139.2-83.2 140.8 83.2c76.8 46.4 155.2 94.4 176 107.2l35.2 22.4v-995.2h-704v497.6zM800 496v400l-288-176-288 176v-800h576v400z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"bookmark-2@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 448,\n        \"id\": 82,\n        \"name\": \"bookmark-22x\",\n        \"prevSize\": 32,\n        \"code\": 59663\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 15\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M116.8 99.2l-116.8 97.6v827.2h1024v-827.2l-115.2-97.6-116.8-99.2h-560l-115.2 99.2zM352 416v160h320v-320h288v704h-896v-704h288v160zM608 384v128h-192v-256h192v128z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"box-2@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 449, \"id\": 81, \"name\": \"box-22x\", \"prevSize\": 32, \"code\": 59664 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 16\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M0 192v128h1024v-256h-1024v128zM960 192v64h-896v-128h896v64z\",\n          \"M96 688v304h832v-304c0-292.8-1.6-304-32-304s-32 11.2-32 272v272h-704v-272c0-260.8-1.6-272-32-272s-32 11.2-32 304z\",\n          \"M352 560v112h320v-224h-320v112z\"\n        ],\n        \"attrs\": [{}, {}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"box@2x\"]\n      },\n      \"attrs\": [{}, {}, {}],\n      \"properties\": { \"order\": 450, \"id\": 80, \"name\": \"box2x\", \"prevSize\": 32, \"code\": 59665 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 17\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M320 112v80h-320v576h352v96h320v-96h352v-576h-320v-160h-384v80zM960 480v224h-288v-96h-320v96h-288v-448h896v224z\",\n          \"M32 896v96h960v-96c0-84.8-3.2-96-32-96-27.2 0-32 11.2-32 64v64h-832v-64c0-52.8-4.8-64-32-64-28.8 0-32 11.2-32 96z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"briefcase-24@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 451,\n        \"id\": 79,\n        \"name\": \"briefcase-242x\",\n        \"prevSize\": 32,\n        \"code\": 59666\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 18\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M376 212.8c-113.6 52.8-184 164.8-184 296 0 102.4 32 179.2 104 240 54.4 48 56 54.4 56 163.2v112h320v-112c0-110.4 1.6-113.6 60.8-168 150.4-134.4 129.6-388.8-41.6-505.6-67.2-46.4-238.4-59.2-315.2-25.6zM609.6 281.6c44.8 12.8 128 113.6 142.4 172.8 20.8 92.8-4.8 169.6-78.4 235.2-44.8 40-65.6 72-65.6 100.8 0 40-3.2 41.6-96 41.6s-96-1.6-96-41.6c0-28.8-20.8-60.8-65.6-100.8-110.4-99.2-113.6-244.8-9.6-350.4 73.6-73.6 148.8-89.6 268.8-57.6z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"bulb-63@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 452, \"id\": 78, \"name\": \"bulb\", \"prevSize\": 32, \"code\": 59667 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 19\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M131.2 36.8c-33.6 36.8-35.2 48-35.2 448s1.6 411.2 32 411.2c27.2 0 32 11.2 32 64v64h224v-128h256v128h224v-64c0-52.8 4.8-64 32-64 30.4 0 32-11.2 32-412.8 0-411.2 0-414.4-36.8-448-35.2-33.6-49.6-35.2-380.8-35.2-339.2 0-345.6 0-379.2 36.8zM825.6 76.8c9.6 6.4 22.4 27.2 28.8 46.4l11.2 36.8h-352c-272 0-353.6-4.8-353.6-20.8 0-27.2 19.2-52.8 48-64 35.2-12.8 596.8-12.8 617.6 1.6zM864 384v160h-704v-320h704v160zM864 720v112h-704v-224h704v112z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"bus-front-12@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 453,\n        \"id\": 77,\n        \"name\": \"bus-front-122x\",\n        \"prevSize\": 32,\n        \"code\": 59668\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 20\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M64 512v480h288v-960h-288v480zM288 512v416h-160v-832h160v416z\",\n          \"M672 512v480h288v-960h-288v480zM896 512v416h-160v-832h160v416z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"button-pause@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 454,\n        \"id\": 76,\n        \"name\": \"button-pause2x\",\n        \"prevSize\": 32,\n        \"code\": 59669\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 21\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M222.4 152c-136 100.8-198.4 238.4-187.2 419.2 8 144 41.6 220.8 136 313.6 105.6 107.2 168 131.2 340.8 131.2 124.8 0 163.2-6.4 216-35.2 83.2-43.2 179.2-140.8 220.8-220.8 38.4-76.8 54.4-259.2 28.8-353.6-24-89.6-102.4-201.6-174.4-252.8-70.4-48-91.2-51.2-105.6-14.4-8 17.6 14.4 48 76.8 102.4 100.8 91.2 142.4 177.6 140.8 304 0 112-43.2 211.2-124.8 289.6-81.6 76.8-168 112-278.4 112-224 0-403.2-177.6-403.2-401.6-1.6-126.4 40-212.8 140.8-304 62.4-54.4 84.8-84.8 76.8-102.4-14.4-36.8-38.4-33.6-104 12.8z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"button-power@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 455,\n        \"id\": 75,\n        \"name\": \"button-power2x\",\n        \"prevSize\": 32,\n        \"code\": 59670\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 22\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M192 48v48h-192v928h1024v-928h-192v-96h-192v96h-256v-96h-192v48zM192 208v48h192v-96h256v96h192v-48c0-44.8 3.2-48 64-48h64v160h-896v-160h64c60.8 0 64 3.2 64 48zM960 672v288h-896v-576h896v288z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"calendar-60@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 456,\n        \"id\": 74,\n        \"name\": \"calendar-602x\",\n        \"prevSize\": 32,\n        \"code\": 59671\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 23\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M0 560v400h1024v-800h-1024v400zM960 560v336h-896v-672h896v336z\",\n          \"M516.8 384c-139.2 83.2-132.8 316.8 9.6 392 156.8 80 337.6-25.6 337.6-196.8 0-136-89.6-227.2-224-227.2-43.2 0-92.8 12.8-123.2 32zM744 472c30.4 28.8 40 56 40 104 0 89.6-54.4 144-144 144s-144-54.4-144-144c0-89.6 54.4-144 144-144 48 0 75.2 9.6 104 40z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"camera-compact@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 457,\n        \"id\": 73,\n        \"name\": \"camera-compact2x\",\n        \"prevSize\": 32,\n        \"code\": 59672\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 24\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M32 208c0 68.8 4.8 80 32 80 25.6 0 32-11.2 32-48v-48h256v640h-80c-68.8 0-80 4.8-80 32 0 30.4 11.2 32 192 32s192-1.6 192-32c0-27.2-11.2-32-80-32h-80v-640h256v48c0 36.8 6.4 48 32 48 27.2 0 32-11.2 32-80v-80h-704v80z\",\n          \"M544 480c0 52.8 4.8 64 32 64 20.8 0 32-11.2 32-32 0-27.2 11.2-32 64-32h64v352h-48c-36.8 0-48 6.4-48 32 0 28.8 11.2 32 128 32s128-3.2 128-32c0-25.6-11.2-32-48-32h-48v-352h64c52.8 0 64 4.8 64 32 0 20.8 11.2 32 32 32 27.2 0 32-11.2 32-64v-64h-448v64z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"caps-small@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 458,\n        \"id\": 72,\n        \"name\": \"caps-small2x\",\n        \"prevSize\": 32,\n        \"code\": 59673\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 25\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M32 32c0 25.6 11.2 32 48 32 27.2 0 48 3.2 48 8 0 17.6 81.6 560 88 595.2l8 36.8h704l6.4-36.8c4.8-19.2 19.2-124.8 33.6-235.2 12.8-110.4 28.8-216 32-235.2l8-36.8-395.2-3.2-396.8-4.8-4.8-40c-11.2-108.8-14.4-112-99.2-112-68.8 0-80 4.8-80 32zM912 251.2c0 16-11.2 100.8-24 188.8s-24 169.6-24 179.2c0 16-68.8 20.8-288 20.8-158.4 0-288-3.2-288-8 0-17.6-48-339.2-56-372.8l-8-35.2h344c316.8 0 344 1.6 344 27.2z\",\n          \"M227.2 804.8c-80 84.8-20.8 219.2 94.4 219.2 75.2 0 126.4-54.4 126.4-129.6 0-113.6-144-171.2-220.8-89.6z\",\n          \"M771.2 804.8c-80 84.8-20.8 219.2 94.4 219.2 75.2 0 126.4-54.4 126.4-129.6 0-113.6-144-171.2-220.8-89.6z\"\n        ],\n        \"attrs\": [{}, {}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"cart-simple@2x\"]\n      },\n      \"attrs\": [{}, {}, {}],\n      \"properties\": {\n        \"order\": 459,\n        \"id\": 71,\n        \"name\": \"cart-simple2x\",\n        \"prevSize\": 32,\n        \"code\": 59674\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 26\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M384 512v448h256v-896h-256v448zM576 512v384h-128v-768h128v384z\",\n          \"M768 640v320h256v-640h-256v320zM960 640v256h-128v-512h128v256z\",\n          \"M0 768v192h256v-384h-256v192z\"\n        ],\n        \"attrs\": [{}, {}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"chart-bar-32@2x\"]\n      },\n      \"attrs\": [{}, {}, {}],\n      \"properties\": {\n        \"order\": 460,\n        \"id\": 70,\n        \"name\": \"chart-bar-322x\",\n        \"prevSize\": 32,\n        \"code\": 59675\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 27\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M544 238.4v241.6h484.8l-9.6-96c-17.6-195.2-184-361.6-377.6-379.2l-97.6-9.6v243.2zM780.8 136c76.8 51.2 145.6 150.4 158.4 225.6l9.6 54.4h-340.8v-340.8l54.4 9.6c30.4 4.8 83.2 27.2 118.4 51.2z\",\n          \"M286.4 150.4c-118.4 41.6-236.8 166.4-270.4 283.2-22.4 75.2-19.2 235.2 6.4 304 30.4 86.4 99.2 166.4 190.4 225.6 78.4 49.6 89.6 52.8 236.8 52.8 148.8 0 155.2-1.6 241.6-57.6 118.4-80 188.8-190.4 200-318.4l9.6-96h-420.8v-416h-67.2c-38.4 1.6-94.4 11.2-126.4 22.4zM416 408v200h404.8l-9.6 54.4c-19.2 121.6-158.4 254.4-289.6 280-326.4 60.8-566.4-297.6-384-572.8 56-84.8 171.2-161.6 243.2-161.6 35.2 0 35.2 3.2 35.2 200z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"chart-pie-36@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 461,\n        \"id\": 69,\n        \"name\": \"chart-pie-362x\",\n        \"prevSize\": 32,\n        \"code\": 59676\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 28\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M336 46.4c-214.4 68.8-334.4 217.6-336 409.6 0 164.8 96 294.4 281.6 379.2 62.4 28.8 110.4 36.8 230.4 38.4 129.6 3.2 171.2 9.6 276.8 52.8 68.8 27.2 129.6 49.6 136 49.6s9.6-57.6 4.8-128c-4.8-118.4-1.6-134.4 38.4-195.2 92.8-139.2 68.8-350.4-52.8-468.8-108.8-107.2-198.4-142.4-379.2-147.2-88-1.6-177.6 1.6-200 9.6zM632 120c81.6 14.4 147.2 48 212.8 110.4 118.4 110.4 137.6 244.8 52.8 379.2-40 64-49.6 97.6-49.6 168v86.4l-83.2-35.2c-67.2-27.2-110.4-33.6-206.4-30.4-145.6 4.8-220.8-12.8-321.6-76.8-139.2-88-201.6-270.4-136-395.2 30.4-59.2 115.2-139.2 182.4-172.8 56-27.2 201.6-56 252.8-48 17.6 1.6 60.8 9.6 96 14.4z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"chat-round@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 462,\n        \"id\": 68,\n        \"name\": \"chat-round2x\",\n        \"prevSize\": 32,\n        \"code\": 59677\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 29\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M668.8 459.2l-284.8 284.8-160-160c-152-150.4-161.6-158.4-187.2-131.2-27.2 25.6-19.2 36.8 160 216l187.2 187.2 315.2-315.2c272-272 312-318.4 294.4-339.2-12.8-14.4-25.6-25.6-32-25.6-4.8 0-137.6 128-292.8 283.2z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"check-2@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 463, \"id\": 67, \"name\": \"check-22x\", \"prevSize\": 32, \"code\": 59678 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 30\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M320 27.2c-102.4 36.8-257.6 196.8-292.8 299.2-33.6 100.8-35.2 270.4-1.6 368 32 94.4 155.2 230.4 256 281.6 67.2 33.6 100.8 40 230.4 40 177.6 0 257.6-32 364.8-142.4 112-113.6 139.2-187.2 139.2-361.6 0-128-6.4-163.2-38.4-227.2-46.4-91.2-145.6-190.4-241.6-240-92.8-48-307.2-57.6-416-17.6zM614.4 88c152 25.6 296 177.6 326.4 342.4 27.2 145.6-9.6 268.8-113.6 380.8l-48 51.2-57.6-32c-81.6-43.2-337.6-43.2-419.2 0l-57.6 32-48-51.2c-72-76.8-97.6-126.4-113.6-217.6-33.6-188.8 48-361.6 224-470.4 43.2-27.2 179.2-59.2 220.8-51.2 12.8 3.2 51.2 9.6 86.4 16z\",\n          \"M374.4 310.4c-52.8 52.8-54.4 57.6-54.4 185.6s1.6 132.8 54.4 185.6c48 48 64 54.4 137.6 54.4s89.6-6.4 137.6-54.4c52.8-52.8 54.4-57.6 54.4-185.6s-1.6-132.8-54.4-185.6c-48-48-64-54.4-137.6-54.4s-89.6 6.4-137.6 54.4zM590.4 366.4c73.6 73.6 51.2 249.6-32 280-68.8 24-124.8 0-153.6-65.6-27.2-68.8-17.6-172.8 22.4-216 35.2-38.4 124.8-36.8 163.2 1.6z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"circle-08@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 464,\n        \"id\": 66,\n        \"name\": \"profile-circle\",\n        \"prevSize\": 32,\n        \"code\": 59679\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 31\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M368 25.6c-68.8 30.4-120 76.8-169.6 153.6-20.8 33.6-48 60.8-59.2 60.8s-46.4 25.6-76.8 57.6c-51.2 52.8-54.4 62.4-54.4 166.4 0 107.2 1.6 113.6 60.8 171.2 59.2 60.8 60.8 60.8 203.2 65.6 134.4 6.4 144 4.8 144-25.6 0-27.2-14.4-32-123.2-38.4-113.6-8-126.4-12.8-168-59.2-64-70.4-62.4-161.6 1.6-227.2 25.6-25.6 57.6-46.4 72-46.4s36.8-24 51.2-52.8c59.2-116.8 145.6-174.4 262.4-174.4 129.6 0 238.4 84.8 272 211.2 11.2 41.6 28.8 65.6 52.8 73.6 108.8 32 144 158.4 65.6 232-35.2 32-60.8 38.4-168 44.8-112 4.8-126.4 8-126.4 35.2s12.8 30.4 137.6 30.4c198.4 0 278.4-59.2 278.4-208 0-83.2-38.4-148.8-104-185.6-32-16-59.2-48-70.4-81.6-28.8-76.8-110.4-164.8-185.6-198.4-78.4-36.8-219.2-38.4-296-4.8z\",\n          \"M480 659.2v211.2l-64-62.4c-60.8-59.2-65.6-60.8-91.2-35.2-27.2 25.6-22.4 33.6 80 136l107.2 107.2 107.2-107.2c102.4-102.4 107.2-110.4 80-136-25.6-25.6-30.4-24-91.2 35.2l-64 62.4v-211.2c0-200-1.6-211.2-32-211.2s-32 11.2-32 211.2z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"cloud-download-93@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 465,\n        \"id\": 65,\n        \"name\": \"cloud-download-932x\",\n        \"prevSize\": 32,\n        \"code\": 59680\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 32\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M368 89.6c-68.8 30.4-120 76.8-169.6 153.6-20.8 33.6-48 60.8-59.2 60.8s-46.4 25.6-76.8 57.6c-51.2 52.8-54.4 62.4-54.4 166.4 0 107.2 1.6 113.6 60.8 171.2 59.2 60.8 60.8 60.8 203.2 65.6 134.4 6.4 144 4.8 144-25.6 0-27.2-14.4-32-123.2-38.4-113.6-8-126.4-12.8-168-59.2-64-70.4-62.4-161.6 1.6-227.2 25.6-25.6 57.6-46.4 72-46.4s36.8-24 51.2-52.8c59.2-116.8 145.6-174.4 262.4-174.4 129.6 0 238.4 84.8 272 211.2 11.2 41.6 28.8 65.6 52.8 73.6 108.8 32 144 158.4 65.6 232-35.2 32-60.8 38.4-168 44.8-112 4.8-126.4 8-126.4 35.2s12.8 30.4 137.6 30.4c198.4 0 278.4-59.2 278.4-208 0-83.2-38.4-148.8-104-185.6-32-16-59.2-48-70.4-81.6-28.8-76.8-110.4-164.8-185.6-198.4-78.4-36.8-219.2-38.4-296-4.8z\",\n          \"M400 504c-97.6 97.6-100.8 105.6-75.2 131.2s30.4 24 91.2-35.2l64-62.4v211.2c0 200 1.6 211.2 32 211.2s32-11.2 32-211.2v-211.2l64 62.4c60.8 59.2 65.6 60.8 91.2 35.2s22.4-33.6-75.2-131.2c-56-57.6-107.2-104-112-104s-56 46.4-112 104z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"cloud-upload-94@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 466,\n        \"id\": 64,\n        \"name\": \"cloud-upload-942x\",\n        \"prevSize\": 32,\n        \"code\": 59681\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 33\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M320 27.2c-102.4 36.8-257.6 196.8-292.8 299.2-33.6 100.8-35.2 270.4-1.6 368 32 94.4 155.2 230.4 256 281.6 67.2 33.6 100.8 40 230.4 40 177.6 0 257.6-32 364.8-142.4 112-113.6 139.2-187.2 139.2-361.6 0-128-6.4-163.2-38.4-227.2-46.4-91.2-145.6-190.4-241.6-240-92.8-48-307.2-57.6-416-17.6zM614.4 88c152 25.6 296 177.6 326.4 342.4 56 305.6-204.8 566.4-510.4 510.4-235.2-43.2-390.4-272-347.2-510.4 22.4-123.2 100.8-232 224-307.2 43.2-27.2 179.2-59.2 220.8-51.2 12.8 3.2 51.2 9.6 86.4 16z\",\n          \"M580.8 307.2l-193.6 80-81.6 201.6c-44.8 110.4-78.4 203.2-76.8 206.4 3.2 1.6 96-32 208-76.8l201.6-81.6 73.6-185.6c41.6-104 78.4-196.8 83.2-208 11.2-27.2 1.6-25.6-214.4 64zM628.8 451.2c-48 123.2-54.4 129.6-174.4 177.6l-99.2 40 40-99.2c48-120 54.4-126.4 172.8-174.4 52.8-22.4 97.6-41.6 99.2-41.6 1.6-1.6-16 43.2-38.4 97.6z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"compass-05@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 467,\n        \"id\": 63,\n        \"name\": \"compass-052x\",\n        \"prevSize\": 32,\n        \"code\": 59682\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 34\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M192 289.6c-68.8 27.2-94.4 84.8-144 318.4-57.6 267.2-60.8 328-17.6 352 49.6 25.6 72 19.2 150.4-40 56-41.6 89.6-56 137.6-56 49.6 0 70.4-9.6 102.4-48 56-65.6 126.4-65.6 182.4 0 32 38.4 52.8 48 102.4 48 48 0 81.6 14.4 137.6 56 78.4 59.2 100.8 65.6 150.4 40 41.6-22.4 40-76.8-11.2-329.6-49.6-256-64-291.2-124.8-328-67.2-41.6-137.6-38.4-208 9.6-78.4 52.8-206.4 56-259.2 6.4-40-38.4-139.2-52.8-198.4-28.8zM340.8 384c32 25.6 64 32 171.2 32s139.2-6.4 171.2-32c22.4-17.6 56-32 75.2-32 76.8 0 92.8 33.6 145.6 292.8 32 150.4 44.8 246.4 33.6 240-86.4-51.2-105.6-76.8-105.6-139.2 0-86.4-48-137.6-129.6-137.6-46.4 0-68.8 11.2-99.2 48-30.4 35.2-56 48-91.2 48s-60.8-12.8-91.2-48c-83.2-99.2-228.8-44.8-228.8 88 0 64-17.6 88-105.6 140.8-11.2 6.4-1.6-73.6 27.2-208 25.6-120 46.4-222.4 46.4-228.8s14.4-30.4 33.6-54.4c40-49.6 91.2-52.8 147.2-9.6z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"controller-modern@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 468,\n        \"id\": 62,\n        \"name\": \"controller-modern2x\",\n        \"prevSize\": 32,\n        \"code\": 59683\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 35\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M25.6 153.6c-38.4 36.8-38.4 680 0 716.8 20.8 22.4 88 25.6 486.4 25.6s465.6-3.2 486.4-25.6c38.4-36.8 38.4-680 0-716.8-20.8-22.4-88-25.6-486.4-25.6s-465.6 3.2-486.4 25.6zM940.8 211.2c11.2 11.2 19.2 32 19.2 48 0 27.2-27.2 28.8-448 28.8s-448-1.6-448-28.8c0-64 24-67.2 448-67.2 297.6 0 414.4 4.8 428.8 19.2zM960 400v48h-896v-96h896v48zM960 652.8c0 88-6.4 147.2-19.2 160-27.2 27.2-830.4 27.2-857.6 0-12.8-12.8-19.2-72-19.2-160v-140.8h896v140.8z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"credit-card@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 469,\n        \"id\": 61,\n        \"name\": \"credit-card2x\",\n        \"prevSize\": 32,\n        \"code\": 59684\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 36\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M0 96c0 30.4 11.2 32 224 32h224v736h46.4c33.6 0 51.2 9.6 57.6 32 16 51.2 86.4 96 152 96s136-44.8 152-96c8-25.6 24-32 89.6-32h78.4v-318.4l-67.2-36.8c-57.6-32-70.4-51.2-112-161.6l-48-123.2h-284.8v-160h-256c-244.8 0-256 1.6-256 32zM787.2 420.8c41.6 108.8 56 128 110.4 155.2 62.4 32 62.4 33.6 62.4 128 0 96 0 96-46.4 96-33.6 0-51.2-9.6-57.6-32-16-51.2-86.4-96-152-96s-136 44.8-152 96c-27.2 84.8-40 11.2-40-224v-257.6l228.8 9.6 46.4 124.8z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"delivery-fast@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 470,\n        \"id\": 60,\n        \"name\": \"delivery-fast2x\",\n        \"prevSize\": 32,\n        \"code\": 59685\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 37\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M105.6 209.6l-91.2 144 241.6 312c132.8 171.2 248 310.4 256 310.4s123.2-139.2 256-310.4l241.6-312-91.2-144-89.6-145.6h-633.6l-89.6 145.6zM582.4 523.2c-20.8 78.4-43.2 160-49.6 184-4.8 25.6-14.4 44.8-20.8 44.8s-16-19.2-20.8-44.8c-6.4-24-28.8-105.6-49.6-184l-40-139.2h220.8l-40 139.2z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"diamond@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 471, \"id\": 59, \"name\": \"diamond2x\", \"prevSize\": 32, \"code\": 59686 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 38\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M0 512v384h1024v-768h-1024v384zM960 512v320h-896v-640h896v320z\",\n          \"M155.2 284.8c-28.8 32-54.4 6.4 232 241.6l124.8 100.8 153.6-124.8c84.8-70.4 171.2-140.8 193.6-158.4 38.4-32 38.4-33.6 9.6-59.2-28.8-27.2-36.8-22.4-185.6 99.2-84.8 70.4-161.6 128-171.2 128s-76.8-48-148.8-108.8c-196.8-161.6-179.2-150.4-208-118.4z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"email-85@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": { \"order\": 472, \"id\": 58, \"name\": \"email-852x\", \"prevSize\": 32, \"code\": 59687 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 39\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M168 22.4c-60.8 27.2-128 99.2-150.4 158.4-67.2 177.6 32 384 321.6 670.4 86.4 86.4 164.8 156.8 172.8 156.8 28.8 0 329.6-312 398.4-412.8 148.8-220.8 153.6-401.6 12.8-526.4-94.4-81.6-268.8-92.8-364.8-22.4l-46.4 35.2-48-36.8c-60.8-44.8-222.4-57.6-296-22.4zM401.6 105.6c24 11.2 57.6 41.6 75.2 65.6l32 43.2 52.8-57.6c97.6-104 233.6-108.8 324.8-14.4 118.4 124.8 72 284.8-163.2 553.6-60.8 70.4-134.4 144-161.6 164.8l-49.6 36.8-57.6-43.2c-32-24-104-99.2-161.6-164.8-227.2-265.6-273.6-424-155.2-547.2 73.6-76.8 161.6-88 264-36.8z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"favourite-28@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 473,\n        \"id\": 57,\n        \"name\": \"favourite-282x\",\n        \"prevSize\": 32,\n        \"code\": 59688\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 40\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M54.4 118.4l-54.4 54.4v313.6c0 350.4 8 385.6 100.8 441.6 148.8 91.2 347.2-11.2 347.2-179.2 0-59.2 12.8-83.2 49.6-96 41.6-16 64 11.2 73.6 84.8 4.8 38.4 19.2 91.2 32 115.2 72 144 321.6 140.8 396.8-3.2 19.2-38.4 24-110.4 24-363.2v-313.6l-54.4-54.4c-67.2-67.2-137.6-75.2-137.6-16 0 27.2 11.2 41.6 41.6 48 60.8 16 86.4 94.4 86.4 265.6v145.6l-48-25.6c-89.6-46.4-203.2-28.8-281.6 43.2-22.4 20.8-38.4 25.6-46.4 14.4-12.8-22.4-131.2-22.4-144 0-8 11.2-24 6.4-46.4-14.4-78.4-72-193.6-89.6-284.8-41.6l-48 25.6 4.8-176c6.4-145.6 12.8-182.4 36.8-209.6 17.6-19.2 43.2-33.6 60.8-33.6 20.8 0 28.8-11.2 28.8-40 0-60.8-68.8-54.4-137.6 14.4zM328 632c30.4 28.8 40 56 40 104 0 89.6-54.4 144-144 144s-144-54.4-144-144c0-89.6 54.4-144 144-144 48 0 75.2 9.6 104 40zM904 632c30.4 28.8 40 56 40 104s-9.6 75.2-40 104c-28.8 30.4-56 40-104 40-89.6 0-144-54.4-144-144s54.4-144 144-144c48 0 75.2 9.6 104 40z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"glasses-2@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 474,\n        \"id\": 56,\n        \"name\": \"glasses-22x\",\n        \"prevSize\": 32,\n        \"code\": 59689\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 41\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M320 27.2c-102.4 36.8-257.6 196.8-292.8 299.2-33.6 100.8-35.2 270.4-1.6 368 32 94.4 155.2 230.4 256 281.6 67.2 33.6 100.8 40 230.4 40 177.6 0 257.6-32 364.8-142.4 112-113.6 139.2-187.2 139.2-361.6 0-128-6.4-163.2-38.4-227.2-46.4-91.2-145.6-190.4-241.6-240-92.8-48-307.2-57.6-416-17.6z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"globe@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 475, \"id\": 55, \"name\": \"globe2x\", \"prevSize\": 32, \"code\": 59690 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 42\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M252.8 177.6c-139.2 68.8-252.8 134.4-252.8 142.4s35.2 33.6 80 56l80 40v188.8c0 185.6 1.6 190.4 44.8 232 64 60.8 164.8 91.2 307.2 91.2s243.2-30.4 307.2-91.2c43.2-41.6 44.8-46.4 44.8-232v-188.8l80-40c43.2-22.4 80-48 80-56 0-12.8-499.2-275.2-515.2-270.4-3.2 0-118.4 57.6-256 128zM680 227.2c92.8 46.4 168 88 168 92.8s-75.2 46.4-168 92.8l-168 83.2-168-83.2c-92.8-46.4-168-88-168-92.8 0-6.4 308.8-169.6 331.2-174.4 3.2-1.6 80 36.8 172.8 81.6zM656 520l144-72v142.4c0 116.8-4.8 148.8-32 180.8-60.8 78.4-305.6 108.8-435.2 54.4-91.2-38.4-108.8-76.8-108.8-236.8v-140.8l288 144 144-72z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"hat-3@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 476, \"id\": 54, \"name\": \"hat-32\", \"prevSize\": 32, \"code\": 59691 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 43\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M264 30.4c-144 67.2-200 174.4-200 384 0 116.8-6.4 155.2-32 196.8-46.4 75.2-43.2 214.4 4.8 286.4 57.6 86.4 131.2 126.4 228.8 126.4h86.4v-544h-81.6c-44.8 0-96 8-113.6 17.6-33.6 17.6-33.6 16-24-102.4 9.6-134.4 35.2-196.8 107.2-257.6 67.2-54.4 110.4-65.6 272-65.6s204.8 11.2 272 65.6c72 60.8 97.6 123.2 107.2 257.6 9.6 118.4 9.6 120-24 102.4-17.6-9.6-68.8-17.6-113.6-17.6h-81.6v544h86.4c97.6 0 171.2-40 228.8-126.4 48-72 51.2-211.2 4.8-286.4-25.6-41.6-32-80-32-196.8 0-209.6-56-316.8-200-384-91.2-43.2-404.8-43.2-496 0z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"headphones-2@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 477,\n        \"id\": 53,\n        \"name\": \"headphones-22x\",\n        \"prevSize\": 32,\n        \"code\": 59692\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 44\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M89.6 456c17.6 233.6 36.8 428.8 43.2 433.6 16 16 336 102.4 379.2 102.4s363.2-86.4 379.2-102.4c6.4-4.8 25.6-200 43.2-433.6l33.6-424h-912l33.6 424zM880 145.6c0 126.4-52.8 680-65.6 688-8 4.8-80 25.6-158.4 44.8l-144 38.4-144-38.4c-78.4-19.2-150.4-40-158.4-44.8-12.8-8-65.6-561.6-65.6-688v-49.6h736v49.6z\",\n          \"M259.2 363.2c4.8 78.4 11.2 142.4 11.2 144 1.6 3.2 91.2 4.8 203.2 4.8h200l-9.6 166.4-76.8 24c-65.6 20.8-84.8 20.8-152 0-56-17.6-76.8-32-80-59.2-3.2-22.4-16-35.2-36.8-35.2-25.6 0-30.4 11.2-30.4 62.4v64l112 35.2 112 36.8 112-36.8c62.4-19.2 112-36.8 113.6-38.4 0-1.6 6.4-65.6 11.2-144l11.2-139.2h-424v-160h216c204.8 0 216-1.6 216-32s-11.2-32-260.8-32h-259.2l11.2 139.2z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"html5@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": { \"order\": 478, \"id\": 52, \"name\": \"html52x\", \"prevSize\": 32, \"code\": 59693 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 45\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M0 512v448h1024v-896h-1024v448zM960 368c0 131.2-4.8 240-9.6 240s-59.2-44.8-120-100.8c-60.8-54.4-116.8-100.8-123.2-104-6.4-1.6-60.8 46.4-121.6 107.2l-110.4 112-78.4-64-76.8-65.6-94.4 81.6c-51.2 44.8-102.4 91.2-113.6 105.6-11.2 12.8-25.6 24-33.6 24s-14.4-129.6-14.4-288v-288h896v240zM836.8 619.2l123.2 107.2v169.6h-896v-36.8c0-25.6 36.8-68.8 123.2-144 67.2-59.2 128-107.2 134.4-107.2s62.4 43.2 123.2 96c62.4 52.8 118.4 96 128 96 8 0 24-11.2 35.2-24 16-19.2 11.2-30.4-27.2-62.4l-44.8-40 80-80c43.2-44.8 83.2-81.6 88-81.6 6.4 0 65.6 48 132.8 107.2z\",\n          \"M379.2 252.8c-36.8 40-35.2 136 1.6 168 40 36.8 136 35.2 168-1.6 36.8-40 35.2-136-1.6-168-40-36.8-136-35.2-168 1.6z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"image@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": { \"order\": 479, \"id\": 51, \"name\": \"image2x\", \"prevSize\": 32, \"code\": 59694 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 46\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M96 41.6c0 25.6-17.6 56-48 81.6l-48 40v860.8h1024v-860.8l-48-40c-30.4-25.6-48-56-48-81.6 0-30.4-8-41.6-32-41.6s-32 11.2-32 41.6c0 25.6-17.6 56-48 81.6-43.2 35.2-48 49.6-48 128v88l-48-41.6c-27.2-22.4-78.4-49.6-112-59.2-60.8-17.6-64-22.4-64-81.6 0-49.6-4.8-60.8-32-60.8s-32 11.2-32 60.8c0 59.2-3.2 64-64 81.6-33.6 9.6-84.8 36.8-112 59.2l-48 41.6v-88c0-78.4-4.8-92.8-48-128-30.4-25.6-48-56-48-81.6 0-30.4-8-41.6-32-41.6s-32 11.2-32 41.6zM622.4 332.8c64 32 107.2 86.4 128 158.4l16 52.8h-508.8l16-52.8c32-110.4 128-187.2 238.4-187.2 30.4 0 80 12.8 110.4 28.8zM192 640v320h-128v-640h128v320zM960 640v320h-128v-640h128v320zM640 784v176h-48c-44.8 0-48-3.2-48-64 0-52.8-4.8-64-32-64s-32 11.2-32 64c0 60.8-3.2 64-48 64h-48v-352h256v176z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"istanbul@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 480, \"id\": 50, \"name\": \"istanbul2x\", \"prevSize\": 32, \"code\": 59695 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 47\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M688 248c-219.2 219.2-230.4 233.6-203.2 259.2 25.6 25.6 32 22.4 123.2-67.2l96-94.4 128 124.8 182.4-182.4-124.8-128 46.4-48c36.8-38.4 41.6-51.2 24-72-11.2-12.8-24-24-30.4-24-4.8 0-113.6 104-241.6 232z\",\n          \"M115.2 512c-76.8 48-115.2 120-115.2 224 0 160 96 256 256 256 156.8 0 256-102.4 256-267.2 0-91.2-41.6-168-115.2-212.8-72-43.2-209.6-43.2-281.6 0zM361.6 587.2c89.6 57.6 100.8 195.2 22.4 273.6s-177.6 80-254.4 1.6c-76.8-76.8-76.8-176 0-254.4 67.2-65.6 150.4-73.6 232-20.8z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"key-25@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": { \"order\": 481, \"id\": 49, \"name\": \"key-252x\", \"prevSize\": 32, \"code\": 59696 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 48\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M121.6 89.6c-20.8 20.8-25.6 70.4-25.6 292.8 0 251.2-3.2 275.2-41.6 368-22.4 56-38.4 123.2-35.2 152l4.8 49.6h976l4.8-38.4c3.2-20.8-12.8-89.6-35.2-153.6-38.4-107.2-41.6-137.6-41.6-380.8 0-219.2-4.8-268.8-25.6-289.6-36.8-38.4-744-38.4-780.8 0zM844.8 147.2c12.8 12.8 19.2 92.8 19.2 256v236.8h-704v-236.8c0-163.2 6.4-243.2 19.2-256 27.2-27.2 638.4-27.2 665.6 0zM897.6 792c16 43.2 30.4 84.8 30.4 91.2 0 8-187.2 12.8-417.6 12.8h-417.6l9.6-36.8c4.8-20.8 19.2-64 33.6-96l24-59.2 353.6 3.2 353.6 4.8 30.4 80z\",\n          \"M224 384v192h576v-384h-576v192zM736 384v128h-448v-256h448v128z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"laptop@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": { \"order\": 482, \"id\": 48, \"name\": \"laptop2x\", \"prevSize\": 32, \"code\": 59697 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 49\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M435.2 19.2c-11.2 11.2-19.2 62.4-19.2 115.2 0 91.2-4.8 102.4-76.8 193.6l-75.2 96-264-9.6v609.6h128c115.2 0 128-3.2 128-30.4 0-30.4 1.6-30.4 80 0 65.6 25.6 123.2 30.4 313.6 30.4 236.8 0 281.6-9.6 310.4-64 17.6-33.6 64-355.2 64-448 0-99.2-46.4-128-212.8-128h-139.2v-104c0-120-24-176-96-238.4-54.4-44.8-110.4-52.8-140.8-22.4zM569.6 152c14.4 24 28.8 89.6 33.6 168l9.6 128h134.4c73.6 0 148.8 8 166.4 16 36.8 20.8 38.4 68.8 8 294.4-27.2 208-24 206.4-281.6 198.4-174.4-4.8-211.2-11.2-291.2-48l-92.8-43.2v-294.4l112-147.2c110.4-145.6 112-147.2 112-246.4 0-94.4 1.6-97.6 32-81.6 17.6 9.6 43.2 35.2 57.6 56zM192 720v240h-128v-480h128v240z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"like-2@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 483, \"id\": 47, \"name\": \"like-22x\", \"prevSize\": 32, \"code\": 59698 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 50\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M35.2 100.8c-80 84.8-20.8 219.2 94.4 219.2 75.2 0 126.4-54.4 126.4-129.6 0-113.6-144-171.2-220.8-89.6z\",\n          \"M352 192c0 30.4 11.2 32 336 32s336-1.6 336-32c0-30.4-11.2-32-336-32s-336 1.6-336 32z\",\n          \"M35.2 420.8c-80 84.8-20.8 219.2 94.4 219.2 75.2 0 126.4-54.4 126.4-129.6 0-113.6-144-171.2-220.8-89.6z\",\n          \"M352 512c0 30.4 11.2 32 336 32s336-1.6 336-32c0-30.4-11.2-32-336-32s-336 1.6-336 32z\",\n          \"M35.2 740.8c-80 84.8-20.8 219.2 94.4 219.2 75.2 0 126.4-54.4 126.4-129.6 0-113.6-144-171.2-220.8-89.6z\",\n          \"M352 832c0 30.4 11.2 32 336 32s336-1.6 336-32c0-30.4-11.2-32-336-32s-336 1.6-336 32z\"\n        ],\n        \"attrs\": [{}, {}, {}, {}, {}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"list-bullet@2x\"]\n      },\n      \"attrs\": [{}, {}, {}, {}, {}, {}],\n      \"properties\": {\n        \"order\": 484,\n        \"id\": 46,\n        \"name\": \"list-bullet2x\",\n        \"prevSize\": 32,\n        \"code\": 59699\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 51\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M388.8 32c-75.2 44.8-100.8 107.2-100.8 244.8 0 100.8-4.8 123.2-33.6 148.8-129.6 113.6-123.2 379.2 11.2 505.6 174.4 163.2 468.8 107.2 568-107.2 60.8-131.2 27.2-315.2-75.2-411.2-89.6-83.2-256-118.4-364.8-76.8-38.4 14.4-41.6 11.2-41.6-30.4 0-140.8 60.8-225.6 160-225.6 67.2 0 144 60.8 144 113.6 0 22.4 11.2 30.4 40 30.4 48 0 52.8-40 16-113.6-35.2-67.2-113.6-110.4-200-110.4-43.2 0-92.8 12.8-123.2 32zM640 424c91.2 46.4 147.2 140.8 147.2 248 0 158.4-116.8 275.2-275.2 275.2-110.4 0-201.6-57.6-256-161.6-27.2-52.8-24-179.2 4.8-236.8 33.6-62.4 113.6-129.6 168-142.4 24-4.8 51.2-11.2 59.2-14.4 25.6-6.4 108.8 11.2 152 32z\",\n          \"M419.2 516.8c-52.8 56-48 142.4 12.8 192 30.4 25.6 48 56 48 81.6 0 30.4 8 41.6 32 41.6s32-11.2 32-41.6c0-25.6 17.6-56 48-81.6 97.6-81.6 44.8-228.8-81.6-228.8-38.4 0-68.8 11.2-91.2 36.8z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"lock-circle-open@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 485,\n        \"id\": 45,\n        \"name\": \"lock-circle-open2x\",\n        \"prevSize\": 32,\n        \"code\": 59700\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 52\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M140.8 89.6l-140.8 70.4v864l145.6-72 144-73.6 112 64 110.4 64 110.4-64 112-64 144 73.6 145.6 72v-864l-142.4-72-144-72-112 65.6-113.6 65.6-113.6-65.6c-62.4-36.8-113.6-65.6-115.2-64-1.6 0-65.6 32-142.4 72zM256 464v336l-192 96v-672l92.8-46.4c49.6-27.2 92.8-48 96-49.6 1.6 0 3.2 150.4 3.2 336zM480 555.2v340.8l-80-44.8-80-43.2v-680l80 44.8 80 43.2v339.2zM704 467.2v340.8l-80 43.2-80 44.8v-680l76.8-43.2c41.6-24 76.8-43.2 80-43.2 1.6-1.6 3.2 152 3.2 337.6zM960 560v336l-192-96v-672l192 96v336z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"map-big@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 486, \"id\": 44, \"name\": \"map-big2x\", \"prevSize\": 32, \"code\": 59701 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 53\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M30.4 265.6c-17.6 20.8 14.4 59.2 230.4 275.2l251.2 251.2 251.2-251.2c240-240 251.2-254.4 224-280-25.6-27.2-38.4-17.6-251.2 195.2l-224 224-220.8-220.8c-120-120-224-219.2-228.8-219.2-6.4 0-19.2 11.2-32 25.6z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"minimal-down@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 487,\n        \"id\": 43,\n        \"name\": \"minimal-down2x\",\n        \"prevSize\": 32,\n        \"code\": 59702\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 54\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M480 264l-248 248 251.2 251.2c240 240 254.4 251.2 280 224 27.2-25.6 17.6-38.4-195.2-251.2l-224-224 222.4-222.4c192-193.6 220.8-227.2 203.2-248-12.8-14.4-25.6-25.6-32-25.6-4.8 0-121.6 112-257.6 248z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"minimal-left@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 488,\n        \"id\": 42,\n        \"name\": \"minimal-left2x\",\n        \"prevSize\": 32,\n        \"code\": 59703\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 55\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M254.4 41.6c-17.6 20.8 11.2 54.4 203.2 248l222.4 222.4-224 224c-212.8 212.8-222.4 225.6-195.2 251.2 25.6 27.2 40 16 280-224l251.2-251.2-248-248c-136-136-252.8-248-257.6-248-6.4 0-19.2 11.2-32 25.6z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"minimal-right@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 489,\n        \"id\": 41,\n        \"name\": \"minimal-right2x\",\n        \"prevSize\": 32,\n        \"code\": 59704\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 56\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M256 488c-235.2 235.2-246.4 249.6-219.2 275.2 25.6 27.2 38.4 16 251.2-195.2l224-224 224 224c212.8 211.2 225.6 222.4 251.2 195.2 27.2-25.6 16-40-219.2-275.2-136-136-251.2-248-256-248s-120 112-256 248z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"minimal-up@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 490,\n        \"id\": 40,\n        \"name\": \"minimal-up2x\",\n        \"prevSize\": 32,\n        \"code\": 59705\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 57\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M185.6 25.6c-22.4 20.8-25.6 88-25.6 486.4s3.2 465.6 25.6 486.4c36.8 38.4 616 38.4 652.8 0 22.4-20.8 25.6-88 25.6-486.4s-3.2-465.6-25.6-486.4c-36.8-38.4-616-38.4-652.8 0zM780.8 83.2c27.2 27.2 27.2 830.4 0 857.6s-510.4 27.2-537.6 0c-27.2-27.2-27.2-830.4 0-857.6s510.4-27.2 537.6 0z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"mobile@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 491, \"id\": 39, \"name\": \"mobile2x\", \"prevSize\": 32, \"code\": 59706 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 58\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M0 384v384h256c244.8 0 256-1.6 256-32s-11.2-32-224-32h-224v-640h896v224c0 212.8 1.6 224 32 224s32-11.2 32-256v-256h-1024v384z\",\n          \"M241.6 176c-11.2 32-33.6 54.4-65.6 65.6-48 17.6-48 17.6-48 142.4s0 124.8 48 142.4c32 11.2 54.4 33.6 65.6 65.6l17.6 48h126.4c115.2 0 126.4-3.2 126.4-32s-11.2-32-91.2-32c-86.4 0-94.4-3.2-120-48-14.4-27.2-46.4-56-68.8-67.2-32-14.4-40-28.8-40-75.2s9.6-62.4 48-84.8c27.2-14.4 56-46.4 67.2-68.8 17.6-40 20.8-40 203.2-40h185.6l27.2 48c14.4 27.2 46.4 56 68.8 67.2 32 14.4 40 28.8 40 80 0 49.6 4.8 60.8 32 60.8 28.8 0 32-11.2 32-94.4 0-91.2-1.6-94.4-48-112-32-11.2-54.4-33.6-65.6-65.6l-17.6-48h-505.6l-17.6 48z\",\n          \"M419.2 292.8c-80 84.8-20.8 219.2 94.4 219.2 75.2 0 126.4-54.4 126.4-129.6 0-113.6-144-171.2-220.8-89.6z\",\n          \"M638.4 548.8l-54.4 36.8v364.8l54.4 36.8c76.8 52.8 246.4 52.8 323.2 0l54.4-36.8v-364.8l-54.4-36.8c-76.8-52.8-246.4-52.8-323.2 0z\"\n        ],\n        \"attrs\": [{}, {}, {}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"money-coins@2x\"]\n      },\n      \"attrs\": [{}, {}, {}, {}],\n      \"properties\": {\n        \"order\": 492,\n        \"id\": 38,\n        \"name\": \"money-coins2x\",\n        \"prevSize\": 32,\n        \"code\": 59707\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 59\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M288 340.8v308.8l-96-6.4c-88-6.4-97.6-3.2-144 41.6-41.6 41.6-48 60.8-48 131.2s6.4 89.6 46.4 129.6c68.8 67.2 190.4 67.2 259.2 0l46.4-46.4v-579.2h576v233.6l-96-6.4c-88-6.4-97.6-3.2-144 41.6-41.6 41.6-48 60.8-48 131.2 0 118.4 57.6 176 176 176 70.4 0 89.6-6.4 129.6-46.4l46.4-46.4v-771.2h-704v308.8zM928 176v80h-576v-160h576v80z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"note-03@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 493, \"id\": 37, \"name\": \"note-032x\", \"prevSize\": 32, \"code\": 59708 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 60\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M262.4 33.6c-64 17.6-171.2 121.6-217.6 209.6-30.4 57.6-36.8 92.8-36.8 228.8 0 187.2 28.8 265.6 140.8 377.6 222.4 224 604.8 193.6 785.6-60.8 67.2-96 86.4-155.2 88-272 3.2-184-60.8-275.2-219.2-310.4-68.8-16-99.2-14.4-219.2 16-75.2 19.2-145.6 30.4-153.6 24-8-4.8-11.2-33.6-4.8-64 16-83.2-3.2-129.6-59.2-148.8-28.8-9.6-51.2-17.6-52.8-16-1.6 0-24 8-51.2 16zM339.2 182.4c-6.4 140.8 52.8 169.6 251.2 120 212.8-52.8 313.6-16 353.6 128 57.6 216-140.8 467.2-390.4 492.8-214.4 22.4-430.4-144-470.4-360-28.8-158.4 17.6-294.4 134.4-403.2 94.4-86.4 128-81.6 121.6 22.4z\",\n          \"M643.2 356.8c-80 84.8-20.8 219.2 94.4 219.2 75.2 0 126.4-54.4 126.4-129.6 0-113.6-144-171.2-220.8-89.6z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"palette@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": { \"order\": 494, \"id\": 36, \"name\": \"palette2x\", \"prevSize\": 32, \"code\": 59709 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 61\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M192 272v272h-192v204.8c0 296-38.4 275.2 513.6 275.2 440 0 441.6 0 475.2-36.8 35.2-36.8 35.2-46.4 35.2-512v-475.2h-832v272zM956.8 496c-4.8 364.8-8 435.2-28.8 448-12.8 8-169.6 16-347.2 16h-324.8v-896h705.6l-4.8 432zM188.8 768c-4.8 166.4-19.2 200-75.2 179.2-43.2-16-49.6-38.4-49.6-192v-147.2h131.2l-6.4 160z\",\n          \"M352 272v112h256v-224h-256v112z\",\n          \"M608 752v112h256v-224h-256v112z\"\n        ],\n        \"attrs\": [{}, {}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"paper-2@2x\"]\n      },\n      \"attrs\": [{}, {}, {}],\n      \"properties\": { \"order\": 495, \"id\": 35, \"name\": \"paper\", \"prevSize\": 32, \"code\": 59710 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 62\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M64 476.8v478.4l36.8 33.6c36.8 33.6 49.6 35.2 428.8 35.2 390.4 0 393.6 0 427.2-36.8 25.6-27.2 35.2-57.6 35.2-112v-75.2h-731.2l-9.6 65.6c-4.8 36.8-17.6 72-28.8 80-22.4 12.8-64 1.6-81.6-24-6.4-9.6-12.8-206.4-12.8-438.4v-419.2h672v336c0 324.8 1.6 336 32 336s32-11.2 32-368v-368h-800v476.8zM918.4 899.2c-6.4 20.8-19.2 41.6-28.8 48s-142.4 12.8-292.8 12.8h-276.8v-96h609.6l-11.2 35.2z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"paper@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 496, \"id\": 34, \"name\": \"paper2x\", \"prevSize\": 32, \"code\": 59711 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 63\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M344 30.4c-198.4 92.8-272 323.2-171.2 537.6 49.6 102.4 208 321.6 289.6 398.4l49.6 48 49.6-48c80-75.2 224-275.2 281.6-388.8 91.2-182.4 65.6-363.2-67.2-480-33.6-28.8-84.8-64-113.6-75.2-76.8-32-241.6-27.2-318.4 8zM652.8 107.2c155.2 72 208 256 123.2 428.8-41.6 84.8-241.6 360-262.4 360-30.4 0-240-291.2-283.2-392-52.8-128-24-265.6 76.8-352 100.8-84.8 220.8-100.8 345.6-44.8z\",\n          \"M419.2 292.8c-80 84.8-20.8 219.2 94.4 219.2 75.2 0 126.4-54.4 126.4-129.6 0-113.6-144-171.2-220.8-89.6z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"pin-3@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": { \"order\": 497, \"id\": 33, \"name\": \"pin-32x\", \"prevSize\": 32, \"code\": 59712 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 64\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M25.6 25.6c-36.8 35.2-32 129.6 11.2 222.4 32 70.4 33.6 86.4 16 136-25.6 73.6-25.6 248 1.6 321.6 30.4 84.8 97.6 166.4 188.8 224 68.8 44.8 99.2 52.8 203.2 59.2 80 4.8 144-1.6 185.6-16 60.8-20.8 70.4-20.8 144 14.4 92.8 43.2 187.2 48 222.4 11.2 43.2-43.2 19.2-246.4-30.4-246.4-49.6 1.6-59.2 27.2-35.2 97.6 20.8 57.6 20.8 75.2 4.8 91.2-17.6 17.6-32 16-88-6.4-36.8-14.4-65.6-30.4-62.4-36.8 3.2-4.8 33.6-52.8 68.8-104 64-94.4 64-96 64-249.6 0-152-1.6-156.8-57.6-243.2-86.4-128-192-192-339.2-201.6-144-8-225.6 12.8-320 84.8-40 30.4-76.8 56-80 56-4.8 0-19.2-30.4-33.6-67.2-22.4-54.4-24-68.8-6.4-86.4 16-16 33.6-16 89.6 3.2 76.8 27.2 75.2 27.2 89.6-17.6 8-27.2 0-36.8-43.2-52.8-73.6-27.2-164.8-24-193.6 6.4zM585.6 184c115.2 24 236.8 158.4 260.8 288 24 131.2-30.4 288-123.2 353.6-30.4 20.8-41.6 14.4-150.4-72-193.6-155.2-403.2-396.8-385.6-443.2 14.4-40 144-120 217.6-132.8 64-12.8 91.2-11.2 180.8 6.4zM332.8 643.2c56 57.6 140.8 137.6 188.8 174.4 49.6 40 80 75.2 72 83.2-25.6 25.6-203.2 16-265.6-14.4-137.6-64-219.2-193.6-219.2-342.4 0-129.6 12.8-142.4 72-68.8 27.2 33.6 96 108.8 152 168z\",\n          \"M411.2 316.8c-36.8 40-35.2 136 1.6 168 40 36.8 136 35.2 168-1.6 36.8-40 35.2-136-1.6-168-40-36.8-136-35.2-168 1.6z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"planet@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": { \"order\": 498, \"id\": 32, \"name\": \"planet2x\", \"prevSize\": 32, \"code\": 59713 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 65\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M889.6 75.2c-4.8 12.8-9.6 48-9.6 78.4s-3.2 54.4-8 54.4c-4.8 0-41.6-24-83.2-54.4-107.2-75.2-180.8-94.4-315.2-86.4-129.6 8-193.6 36.8-281.6 124.8-80 80-112 142.4-123.2 241.6-9.6 78.4-8 81.6 28.8 75.2 30.4-3.2 40-17.6 49.6-72 32-188.8 235.2-328 428.8-292.8 70.4 12.8 209.6 91.2 220.8 124.8 4.8 16-14.4 19.2-91.2 9.6-96-9.6-97.6-9.6-97.6 28.8s6.4 41.6 100.8 51.2c54.4 6.4 124.8 16 156.8 20.8l57.6 8 19.2-121.6c24-171.2 22.4-196.8-12.8-206.4-19.2-4.8-35.2 1.6-40 16z\",\n          \"M889.6 531.2c-4.8 11.2-11.2 44.8-16 72-12.8 73.6-81.6 171.2-155.2 220.8-124.8 81.6-275.2 81.6-409.6-1.6-112-68.8-108.8-91.2 9.6-76.8 96 9.6 97.6 9.6 97.6-28.8s-6.4-41.6-99.2-51.2c-56-6.4-126.4-16-158.4-20.8l-57.6-8-19.2 121.6c-24 171.2-22.4 196.8 12.8 206.4 36.8 9.6 49.6-16 49.6-94.4 0-30.4 3.2-54.4 8-54.4s41.6 24 83.2 54.4c107.2 75.2 180.8 94.4 315.2 86.4 129.6-8 193.6-36.8 281.6-124.8 80-80 112-142.4 123.2-241.6 8-72 6.4-78.4-25.6-78.4-19.2 0-36.8 9.6-40 19.2z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"refresh-69@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 499,\n        \"id\": 31,\n        \"name\": \"refresh-692x\",\n        \"prevSize\": 32,\n        \"code\": 59714\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 66\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M64 512v512h416v-1024h-416v512zM416 512v448h-288v-48c0-44.8 3.2-48 64-48 52.8 0 64-4.8 64-32s-11.2-32-64-32c-60.8 0-64-3.2-64-48 0-36.8 6.4-48 32-48 20.8 0 32-11.2 32-32s-11.2-32-32-32c-25.6 0-32-11.2-32-48 0-44.8 3.2-48 64-48 52.8 0 64-4.8 64-32s-11.2-32-64-32c-60.8 0-64-3.2-64-48 0-36.8 6.4-48 32-48 20.8 0 32-11.2 32-32s-11.2-32-32-32c-25.6 0-32-11.2-32-48 0-44.8 3.2-48 64-48 52.8 0 64-4.8 64-32s-11.2-32-64-32c-60.8 0-64-3.2-64-48v-48h288v448z\",\n          \"M576 396.8v396.8l89.6 107.2c48 59.2 94.4 107.2 102.4 107.2s54.4-48 102.4-107.2l89.6-107.2v-793.6h-384v396.8zM736 480v256h-96v-512h96v256zM896 480v256h-96v-512h96v256z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"ruler-pencil@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 500,\n        \"id\": 30,\n        \"name\": \"ruler-pencil2x\",\n        \"prevSize\": 32,\n        \"code\": 59715\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 67\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M320 27.2c-102.4 36.8-257.6 196.8-292.8 299.2-33.6 100.8-35.2 270.4-1.6 368 32 94.4 155.2 230.4 256 281.6 67.2 33.6 100.8 40 230.4 40 177.6 0 257.6-32 364.8-142.4 112-113.6 139.2-187.2 139.2-361.6 0-128-6.4-163.2-38.4-227.2-46.4-91.2-145.6-190.4-241.6-240-92.8-48-307.2-57.6-416-17.6zM614.4 88c152 25.6 296 177.6 326.4 342.4 56 305.6-204.8 566.4-510.4 510.4-235.2-43.2-390.4-272-347.2-510.4 22.4-123.2 100.8-232 224-307.2 43.2-27.2 179.2-59.2 220.8-51.2 12.8 3.2 51.2 9.6 86.4 16z\",\n          \"M224 571.2c0 32 16 86.4 38.4 123.2 108.8 185.6 396.8 184 502.4-3.2 44.8-81.6 48-179.2 4.8-179.2-22.4 0-35.2 17.6-48 68.8-57.6 233.6-361.6 233.6-419.2 0-12.8-51.2-25.6-68.8-48-68.8-24 0-30.4 11.2-30.4 59.2z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"satisfied@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 501,\n        \"id\": 29,\n        \"name\": \"satisfied2x\",\n        \"prevSize\": 32,\n        \"code\": 59716\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 68\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M118.4 60.8c-33.6 70.4-33.6 192 0 254.4 12.8 24 73.6 94.4 136 156.8l113.6 110.4-43.2 44.8c-32 33.6-57.6 44.8-105.6 44.8-46.4 0-72 11.2-108.8 46.4-40 40-46.4 59.2-46.4 129.6s6.4 89.6 46.4 129.6c68.8 67.2 190.4 67.2 259.2 0 33.6-33.6 46.4-62.4 46.4-100.8 0-40 12.8-67.2 48-100.8l48-46.4 48 46.4c35.2 33.6 48 60.8 48 100.8 0 38.4 12.8 67.2 46.4 100.8 40 40 59.2 46.4 129.6 46.4s89.6-6.4 129.6-46.4c67.2-68.8 67.2-190.4 0-259.2-36.8-36.8-60.8-46.4-113.6-46.4-51.2 0-73.6-9.6-104-43.2l-36.8-44.8 126.4-131.2c72-75.2 129.6-150.4 134.4-176 6.4-24 12.8-57.6 16-73.6 6.4-35.2-20.8-137.6-48-176-17.6-25.6-36.8-9.6-193.6 171.2-94.4 112-177.6 201.6-182.4 201.6s-84.8-86.4-174.4-192c-91.2-105.6-171.2-196.8-177.6-200-6.4-4.8-25.6 19.2-41.6 52.8zM336 331.2c89.6 104 168 188.8 176 188.8s86.4-84.8 176-188.8c89.6-104 166.4-185.6 171.2-182.4 3.2 4.8 1.6 35.2-4.8 67.2-8 44.8-44.8 94.4-152 208-78.4 81.6-142.4 153.6-142.4 161.6 0 6.4 22.4 35.2 49.6 64 75.2 78.4 41.6 104-35.2 28.8l-62.4-60.8-62.4 60.8c-76.8 75.2-105.6 49.6-35.2-32 27.2-30.4 49.6-60.8 49.6-65.6 0-6.4-60.8-73.6-136-148.8-73.6-76.8-142.4-158.4-152-182.4-16-44.8-22.4-105.6-8-105.6 3.2 0 80 84.8 168 187.2z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"scissors@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 502, \"id\": 28, \"name\": \"scissors2x\", \"prevSize\": 32, \"code\": 59717 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 69\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M489.6 188.8c-264 94.4-481.6 179.2-483.2 187.2-3.2 9.6 59.2 62.4 137.6 118.4l144 102.4v396.8l211.2-240 160 120c88 67.2 161.6 118.4 164.8 115.2 3.2-1.6 41.6-206.4 88-452.8 44.8-246.4 86.4-464 91.2-484.8 4.8-24 1.6-35.2-12.8-35.2-12.8 1.6-238.4 78.4-500.8 172.8zM836.8 518.4c-43.2 232-67.2 328-80 323.2-30.4-12.8-355.2-256-356.8-268.8 0-12.8 483.2-400 491.2-392 3.2 4.8-20.8 155.2-54.4 337.6zM720 198.4c0 12.8-384 313.6-400 313.6-19.2 0-158.4-99.2-160-112 0-4.8 124.8-52.8 275.2-107.2 313.6-112 284.8-102.4 284.8-94.4z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"send@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 503, \"id\": 27, \"name\": \"send2x\", \"prevSize\": 32, \"code\": 59718 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 70\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M83.2 84.8c-46.4 46.4-83.2 91.2-83.2 100.8 0 33.6 153.6 166.4 193.6 166.4 24 0 59.2 19.2 83.2 44.8l43.2 44.8-152 124.8c-83.2 67.2-152 128-152 134.4s54.4 65.6 121.6 131.2l120 120 43.2-48c24-27.2 68.8-81.6 100.8-120l59.2-72 124.8 121.6c142.4 137.6 193.6 158.4 284.8 120 41.6-17.6 65.6-41.6 83.2-83.2 40-94.4 17.6-142.4-131.2-296-73.6-75.2-129.6-142.4-123.2-147.2 6.4-6.4 41.6 19.2 80 56l68.8 67.2 92.8-91.2 91.2-91.2-160-161.6c-180.8-182.4-217.6-206.4-315.2-206.4-65.6 0-172.8 48-172.8 76.8 0 6.4 35.2 48 80 91.2l80 78.4-86.4 89.6-52.8-51.2c-33.6-32-52.8-67.2-52.8-92.8 0-28.8-24-65.6-76.8-116.8-41.6-41.6-83.2-75.2-92.8-75.2-8 0-52.8 38.4-99.2 84.8zM772.8 222.4l147.2 144-36.8 36.8-35.2 36.8-360-360h68.8c65.6 0 76.8 8 216 142.4zM632 336c14.4 22.4 4.8 35.2-198.4 280l-180.8 219.2-62.4-60.8c-33.6-32-57.6-65.6-52.8-72 12.8-22.4 456-382.4 470.4-382.4 8 0 19.2 6.4 24 16zM896 798.4c0 43.2-54.4 97.6-97.6 97.6-20.8 0-83.2-48-160-121.6l-124.8-123.2 118.4-153.6 132.8 132.8c81.6 83.2 131.2 145.6 131.2 168z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"settings-90@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 504,\n        \"id\": 26,\n        \"name\": \"settings-902x\",\n        \"prevSize\": 32,\n        \"code\": 59719\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 71\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M384 62.4c0 86.4-24 94.4-89.6 32l-54.4-52.8-198.4 198.4 52.8 54.4c62.4 65.6 54.4 89.6-32 89.6h-62.4v256h62.4c86.4 0 94.4 24 32 89.6l-52.8 54.4 198.4 198.4 54.4-52.8c65.6-62.4 89.6-54.4 89.6 32v62.4h256v-62.4c0-86.4 24-94.4 89.6-32l54.4 52.8 198.4-198.4-52.8-54.4c-62.4-65.6-54.4-89.6 32-89.6h62.4v-256h-62.4c-86.4 0-94.4-24-32-89.6l52.8-54.4-198.4-198.4-54.4 52.8c-65.6 62.4-89.6 54.4-89.6-32v-62.4h-256v62.4zM576 128c0 46.4 8 67.2 30.4 80 44.8 24 100.8 19.2 144-9.6 33.6-24 38.4-24 68.8 6.4s30.4 35.2 6.4 68.8c-28.8 43.2-33.6 99.2-9.6 144 12.8 22.4 33.6 30.4 80 30.4 64 0 64 0 64 64s0 64-64 64c-46.4 0-67.2 8-80 30.4-24 44.8-19.2 100.8 9.6 144 24 33.6 24 38.4-6.4 68.8s-35.2 30.4-68.8 6.4c-43.2-28.8-99.2-33.6-144-9.6-22.4 12.8-30.4 33.6-30.4 80 0 64 0 64-64 64s-64 0-64-64c0-46.4-8-67.2-30.4-80-44.8-24-100.8-19.2-144 9.6-33.6 24-38.4 24-68.8-6.4s-30.4-35.2-6.4-68.8c28.8-43.2 33.6-99.2 9.6-144-12.8-22.4-33.6-30.4-80-30.4-64 0-64 0-64-64s0-64 64-64c46.4 0 67.2-8 80-30.4 24-44.8 19.2-100.8-9.6-144-24-33.6-24-38.4 6.4-68.8s35.2-30.4 68.8-6.4c43.2 28.8 99.2 33.6 144 9.6 22.4-12.8 30.4-33.6 30.4-80 0-64 0-64 64-64s64 0 64 64z\",\n          \"M398.4 398.4c-102.4 104-32 273.6 113.6 273.6s216-169.6 113.6-273.6c-36.8-36.8-60.8-46.4-113.6-46.4s-76.8 9.6-113.6 46.4z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"settings-gear-64@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 505,\n        \"id\": 25,\n        \"name\": \"settings-gear-642x\",\n        \"prevSize\": 32,\n        \"code\": 59720\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 72\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M400 120c-97.6 97.6-100.8 105.6-75.2 131.2s30.4 24 91.2-35.2l64-62.4v259.2c0 248 1.6 259.2 32 259.2s32-11.2 32-259.2v-259.2l64 62.4c60.8 59.2 65.6 60.8 91.2 35.2s22.4-33.6-75.2-131.2c-56-57.6-107.2-104-112-104s-56 46.4-112 104z\",\n          \"M128 704v320h768v-640h-128c-116.8 0-128 3.2-128 32s11.2 32 96 32h96v512h-640v-512h96c84.8 0 96-3.2 96-32s-11.2-32-128-32h-128v320z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"share-66@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": { \"order\": 506, \"id\": 24, \"name\": \"share\", \"prevSize\": 32, \"code\": 59721 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 73\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M129.6 182.4c-113.6 211.2-121.6 262.4-49.6 329.6l48 44.8v467.2h320v-224h128v224h320v-467.2l48-44.8c72-67.2 64-118.4-49.6-329.6l-96-182.4h-572.8l-96 182.4zM828.8 224c46.4 89.6 83.2 176 80 195.2-8 51.2-70.4 67.2-108.8 28.8-32-32-112-44.8-112-16 0 24-56 46.4-92.8 36.8-19.2-4.8-35.2-19.2-35.2-30.4 0-14.4-17.6-22.4-48-22.4s-48 8-48 22.4c0 11.2-12.8 25.6-28.8 28.8-35.2 9.6-99.2-12.8-99.2-35.2 0-28.8-78.4-17.6-112 16-38.4 38.4-100.8 22.4-108.8-28.8-3.2-19.2 33.6-105.6 80-195.2l84.8-160h464l84.8 160zM396.8 540.8c41.6 3.2 78.4-1.6 92.8-14.4 17.6-14.4 28.8-14.4 41.6-1.6 22.4 22.4 131.2 25.6 171.2 3.2 19.2-9.6 46.4-8 80 4.8l49.6 17.6v409.6h-192v-224h-256v224h-192v-409.6l44.8-17.6c24-9.6 54.4-12.8 67.2-8s54.4 11.2 92.8 16z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"shop@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 507, \"id\": 23, \"name\": \"shop2x\", \"prevSize\": 32, \"code\": 59722 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 74\n    },\n    {\n      \"icon\": {\n        \"paths\": [],\n        \"attrs\": [],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"shop@2xw\"]\n      },\n      \"attrs\": [],\n      \"properties\": { \"order\": 508, \"id\": 22, \"name\": \"shop2xw\", \"prevSize\": 32, \"code\": 59723 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 75\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M480 256v224h-224c-212.8 0-224 1.6-224 32s11.2 32 224 32h224v224c0 212.8 1.6 224 32 224s32-11.2 32-224v-224h224c212.8 0 224-1.6 224-32s-11.2-32-224-32h-224v-224c0-212.8-1.6-224-32-224s-32 11.2-32 224z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"simple-add@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 509,\n        \"id\": 21,\n        \"name\": \"simple-add2x\",\n        \"prevSize\": 32,\n        \"code\": 59724\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 76\n    },\n    {\n      \"icon\": {\n        \"paths\": [\"M32 512c0 32 11.2 32 480 32s480 0 480-32c0-32-11.2-32-480-32s-480 0-480 32z\"],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"simple-delete@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 510,\n        \"id\": 20,\n        \"name\": \"simple-delete2x\",\n        \"prevSize\": 32,\n        \"code\": 59725\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 77\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M126.4 137.6c-17.6 20.8 4.8 48 155.2 200l174.4 174.4-176 176c-166.4 166.4-174.4 177.6-147.2 203.2 25.6 27.2 36.8 19.2 203.2-147.2l176-176 176 176c166.4 166.4 177.6 174.4 203.2 147.2 27.2-25.6 19.2-36.8-147.2-203.2l-176-176 176-176c166.4-166.4 174.4-177.6 147.2-203.2-25.6-27.2-36.8-19.2-203.2 147.2l-176 176-172.8-172.8c-94.4-94.4-176-171.2-180.8-171.2-6.4 0-19.2 11.2-32 25.6z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"simple-remove@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 511,\n        \"id\": 19,\n        \"name\": \"simple-remove2x\",\n        \"prevSize\": 32,\n        \"code\": 59726\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 78\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M371.2 32c-76.8 48-115.2 120-115.2 224 0 164.8 110.4 288 256 288 254.4 0 356.8-379.2 140.8-512-72-43.2-209.6-43.2-281.6 0zM603.2 99.2c131.2 64 112 283.2-30.4 353.6-52.8 25.6-64 27.2-113.6 4.8-60.8-24-100.8-73.6-121.6-148.8-20.8-68.8-4.8-128 48-180.8 65.6-64 128-72 217.6-28.8z\",\n          \"M280 630.4c-105.6 46.4-184 163.2-184 270.4 0 44.8 8 59.2 44.8 73.6 172.8 68.8 571.2 68.8 745.6-1.6 43.2-17.6 44.8-22.4 38.4-94.4-9.6-89.6-57.6-168-137.6-224-51.2-35.2-75.2-38.4-257.6-43.2-144-1.6-216 3.2-249.6 19.2zM664 688c78.4 17.6 184 123.2 184 182.4 0 35.2-9.6 41.6-91.2 59.2-118.4 24-371.2 24-488 0-83.2-17.6-92.8-24-92.8-59.2 0-56 107.2-166.4 176-182.4 76.8-17.6 235.2-17.6 312 0z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"single-02@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 512,\n        \"id\": 18,\n        \"name\": \"single\",\n        \"prevSize\": 32,\n        \"code\": 59727\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 79\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M160 32c0 30.4 11.2 32 368 32h368v432c0 420.8 0 432 32 432s32-11.2 32-464v-464h-400c-388.8 0-400 1.6-400 32z\",\n          \"M64 576v448h768v-896h-768v448zM768 576v384h-640v-768h640v384z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"single-copy-04@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": {\n        \"order\": 513,\n        \"id\": 17,\n        \"name\": \"single-copy-042x\",\n        \"prevSize\": 32,\n        \"code\": 59728\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 80\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M489.6 377.6c-43.2 171.2-80 310.4-81.6 307.2s-30.4-80-64-172.8c-33.6-92.8-65.6-177.6-72-190.4-8-16-30.4 9.6-73.6 83.2-60.8 104-64 107.2-129.6 107.2-57.6 0-68.8 4.8-68.8 32 0 28.8 11.2 32 96 32 89.6 0 96-3.2 120-49.6 14.4-27.2 28.8-46.4 30.4-43.2 3.2 1.6 40 102.4 81.6 220.8s81.6 222.4 88 228.8c6.4 8 38.4-92.8 70.4-224 32-129.6 67.2-265.6 76.8-300.8l16-64 67.2 227.2c36.8 124.8 70.4 230.4 75.2 236.8 6.4 4.8 44.8-44.8 88-112 76.8-118.4 80-120 147.2-120 56 0 67.2-4.8 67.2-32 0-28.8-11.2-32-94.4-32-91.2 0-96 1.6-129.6 56-19.2 30.4-40 56-46.4 56s-46.4-120-88-268.8c-43.2-147.2-81.6-272-88-278.4s-44.8 128-88 300.8z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"sound-wave@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 514,\n        \"id\": 16,\n        \"name\": \"sound-wave2x\",\n        \"prevSize\": 32,\n        \"code\": 59729\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 81\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M756.8 56c-46.4 12.8-118.4 40-160 60.8-64 32-94.4 36.8-184 30.4-60.8-3.2-131.2 1.6-166.4 12.8-60.8 20.8-198.4 144-198.4 179.2 0 11.2 30.4 49.6 67.2 88l67.2 68.8-28.8 59.2-27.2 59.2 142.4 140.8 140.8 142.4 59.2-27.2 59.2-28.8 68.8 67.2c38.4 36.8 75.2 67.2 84.8 67.2 35.2 0 132.8-99.2 164.8-169.6 28.8-59.2 35.2-99.2 32-196.8s3.2-134.4 28.8-187.2c44.8-83.2 84.8-241.6 84.8-324.8v-65.6l-75.2 1.6c-43.2 0-115.2 11.2-160 22.4zM720 312c100.8 100.8 100.8 104 78.4 147.2-36.8 70.4-201.6 238.4-288 294.4l-81.6 51.2-209.6-209.6 38.4-62.4c72-118.4 289.6-324.8 340.8-324.8 9.6 0 64 46.4 121.6 104z\",\n          \"M475.2 380.8c-36.8 40-35.2 136 1.6 168 40 36.8 136 35.2 168-1.6 36.8-40 35.2-136-1.6-168-40-36.8-136-35.2-168 1.6z\",\n          \"M35.2 804.8c-27.2 28.8-35.2 57.6-35.2 128v91.2h92.8c113.6 0 163.2-40 163.2-129.6 0-113.6-144-171.2-220.8-89.6z\"\n        ],\n        \"attrs\": [{}, {}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"spaceship@2x\"]\n      },\n      \"attrs\": [{}, {}, {}],\n      \"properties\": {\n        \"order\": 515,\n        \"id\": 15,\n        \"name\": \"spaceship2x\",\n        \"prevSize\": 32,\n        \"code\": 59730\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 82\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M320 27.2c-105.6 38.4-259.2 196.8-294.4 305.6-40 120-30.4 305.6 19.2 403.2 49.6 96 148.8 195.2 240 241.6 64 32 99.2 38.4 227.2 38.4 177.6 0 257.6-32 364.8-142.4 112-113.6 139.2-187.2 139.2-361.6 0-128-6.4-163.2-38.4-227.2-46.4-91.2-145.6-190.4-241.6-240-92.8-48-307.2-57.6-416-17.6zM619.2 88c38.4 6.4 73.6 17.6 78.4 27.2 6.4 8-17.6 43.2-51.2 78.4-52.8 54.4-70.4 62.4-134.4 62.4s-81.6-8-136-64c-40-40-57.6-68.8-48-78.4 19.2-17.6 164.8-48 200-40 12.8 1.6 54.4 9.6 91.2 14.4zM195.2 379.2c52.8 51.2 60.8 68.8 60.8 132.8s-8 81.6-64 136c-40 38.4-68.8 56-78.4 48-27.2-28.8-46.4-182.4-32-260.8 25.6-137.6 28.8-139.2 113.6-56zM617.6 363.2c89.6 57.6 100.8 195.2 22.4 273.6s-177.6 80-254.4 1.6c-76.8-76.8-76.8-176 0-254.4 67.2-65.6 150.4-73.6 232-20.8zM937.6 420.8c19.2 91.2 3.2 243.2-27.2 275.2-9.6 8-38.4-9.6-78.4-48-56-54.4-64-72-64-134.4s8-81.6 59.2-132.8c33.6-33.6 67.2-59.2 76.8-56 8 3.2 24 46.4 33.6 96zM643.2 827.2c33.6 32 60.8 64 60.8 70.4 0 33.6-174.4 60.8-275.2 43.2-120-20.8-124.8-33.6-52.8-108.8 54.4-56 72-64 134.4-64s81.6 8 132.8 59.2z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"support-17@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 516,\n        \"id\": 14,\n        \"name\": \"support-172x\",\n        \"prevSize\": 32,\n        \"code\": 59731\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 83\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M89.6 25.6c-22.4 20.8-25.6 88-25.6 486.4s3.2 465.6 25.6 486.4c36.8 38.4 808 38.4 844.8 0 22.4-20.8 25.6-88 25.6-486.4s-3.2-465.6-25.6-486.4c-36.8-38.4-808-38.4-844.8 0zM876.8 83.2c27.2 27.2 27.2 830.4 0 857.6s-702.4 27.2-729.6 0c-27.2-27.2-27.2-830.4 0-857.6s702.4-27.2 729.6 0z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"tablet-2@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 517, \"id\": 13, \"name\": \"tablet-22x\", \"prevSize\": 32, \"code\": 59732 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 84\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M0 220.8v219.2l576 576 219.2-220.8 220.8-219.2-576-576h-440v220.8zM648 320l256 256-164.8 163.2-163.2 164.8-512-512v-328h328l256 256z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"tag-content@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 518,\n        \"id\": 12,\n        \"name\": \"tag-content2x\",\n        \"prevSize\": 32,\n        \"code\": 59733\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 85\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M307.2 32c-78.4 48-115.2 120-115.2 224 1.6 48 9.6 104 20.8 124.8 17.6 32 24 33.6 51.2 14.4 24-19.2 27.2-32 14.4-84.8-20.8-86.4-11.2-126.4 41.6-180.8 78.4-76.8 177.6-76.8 256 0 52.8 54.4 62.4 94.4 41.6 180.8-12.8 52.8-9.6 65.6 16 84.8 27.2 20.8 32 17.6 49.6-22.4 11.2-24 19.2-81.6 20.8-124.8 0-94.4-40-169.6-115.2-216-72-43.2-209.6-43.2-281.6 0z\",\n          \"M377.6 217.6c-20.8 19.2-25.6 60.8-25.6 192 0 164.8 0 166.4-38.4 166.4-67.2 0-89.6 40-89.6 153.6 0 112 11.2 140.8 84.8 233.6l48 60.8h236.8c272 0 238.4 22.4 268.8-177.6 27.2-161.6 22.4-249.6-12.8-284.8-17.6-17.6-72-38.4-124.8-49.6-51.2-9.6-112-20.8-136-25.6-44.8-8-44.8-11.2-44.8-126.4 0-132.8-20.8-168-96-168-25.6 0-57.6 11.2-70.4 25.6zM476.8 412.8c4.8 145.6-9.6 132.8 176 164.8 171.2 28.8 169.6 25.6 139.2 206.4-12.8 83.2-24 156.8-24 163.2 0 8-81.6 12.8-180.8 12.8h-180.8l-49.6-65.6c-57.6-75.2-84.8-192-52.8-230.4 30.4-36.8 48-28.8 48 24 0 36.8 6.4 48 32 48 30.4 0 32-11.2 32-220.8 0-121.6 4.8-227.2 11.2-233.6 28.8-28.8 44.8 11.2 49.6 131.2z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"tap-01@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": { \"order\": 519, \"id\": 11, \"name\": \"tap-012x\", \"prevSize\": 32, \"code\": 59734 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 86\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M41.6 225.6l-41.6 32v508.8l41.6 32c62.4 49.6 112 41.6 249.6-36.8 104-59.2 126.4-67.2 142.4-48 24 28.8 132.8 28.8 156.8 0 16-19.2 38.4-11.2 142.4 48 137.6 78.4 187.2 86.4 249.6 36.8l41.6-32v-508.8l-41.6-32c-60.8-48-108.8-41.6-243.2 32-99.2 54.4-126.4 62.4-150.4 48-36.8-22.4-116.8-22.4-153.6 0-24 14.4-51.2 6.4-150.4-48-134.4-73.6-182.4-80-243.2-32zM265.6 337.6c97.6 52.8 118.4 72 118.4 104 0 33.6-6.4 38.4-64 38.4-52.8 0-64 4.8-64 32s11.2 32 64 32c56 0 64 4.8 64 35.2 0 28.8-27.2 51.2-120 104-132.8 76.8-160 81.6-184 38.4-20.8-40-20.8-379.2 0-419.2 24-43.2 52.8-38.4 185.6 35.2zM944 302.4c20.8 40 20.8 379.2 0 419.2-24 43.2-51.2 38.4-184-38.4-92.8-52.8-120-75.2-120-104 0-30.4 8-35.2 64-35.2 52.8 0 64-4.8 64-32s-11.2-32-64-32c-57.6 0-64-4.8-64-38.4 0-32 22.4-51.2 116.8-104 129.6-73.6 163.2-78.4 187.2-35.2z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"tie-bow@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 520, \"id\": 10, \"name\": \"tie-bow2x\", \"prevSize\": 32, \"code\": 59735 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 87\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M115.2 32c-72 44.8-115.2 121.6-115.2 206.4 0 72 28.8 177.6 49.6 177.6 4.8 0 36.8-40 68.8-88 60.8-92.8 137.6-150.4 241.6-182.4 35.2-11.2 73.6-24 86.4-27.2 17.6-4.8 16-14.4-8-40-75.2-83.2-227.2-105.6-323.2-46.4z\",\n          \"M648 28.8c-68.8 43.2-97.6 80-70.4 89.6 12.8 4.8 51.2 16 86.4 27.2 104 32 180.8 89.6 241.6 182.4 32 48 64 88 68.8 88 20.8 0 49.6-105.6 49.6-177.6 0-84.8-43.2-161.6-115.2-206.4-68.8-41.6-195.2-43.2-260.8-3.2z\",\n          \"M323.2 201.6c-148.8 73.6-225.6 203.2-227.2 376 0 78.4 9.6 123.2 36.8 179.2l38.4 73.6-68.8 67.2c-65.6 64-68.8 70.4-43.2 97.6 25.6 28.8 28.8 27.2 92.8-35.2l67.2-65.6 91.2 49.6c131.2 68.8 272 68.8 403.2 0l91.2-49.6 67.2 65.6c64 62.4 67.2 64 92.8 35.2 25.6-27.2 22.4-33.6-43.2-97.6l-68.8-67.2 38.4-73.6c76.8-155.2 32-385.6-96-494.4-132.8-112-321.6-136-472-60.8zM668.8 275.2c224 104 246.4 443.2 36.8 580.8-176 115.2-408 56-497.6-128-96-198.4 9.6-425.6 220.8-481.6 88-22.4 144-16 240 28.8z\"\n        ],\n        \"attrs\": [{}, {}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"time-alarm@2x\"]\n      },\n      \"attrs\": [{}, {}, {}],\n      \"properties\": {\n        \"order\": 521,\n        \"id\": 9,\n        \"name\": \"time-alarm2x\",\n        \"prevSize\": 32,\n        \"code\": 59736\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 88\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M192 512c0 411.2 3.2 480 22.4 468.8 48-27.2 648-460.8 648-468.8s-600-441.6-648-468.8c-19.2-11.2-22.4 57.6-22.4 468.8zM504 348.8c115.2 81.6 208 155.2 208 163.2 0 11.2-358.4 278.4-435.2 326.4-16 9.6-20.8-60.8-20.8-326.4s4.8-336 20.8-326.4c9.6 8 112 80 227.2 163.2z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"triangle-right-17@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 522,\n        \"id\": 8,\n        \"name\": \"triangle-right-172x\",\n        \"prevSize\": 32,\n        \"code\": 59737\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 89\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M192 64c0 27.2-11.2 32-80 32h-80v129.6c0 121.6 3.2 131.2 46.4 176 25.6 25.6 60.8 46.4 78.4 46.4 22.4 0 38.4 16 51.2 54.4 25.6 76.8 123.2 168 203.2 190.4 60.8 16 68.8 24 68.8 62.4 0 41.6-4.8 44.8-65.6 44.8-83.2 0-158.4 67.2-158.4 142.4v49.6h512v-49.6c0-75.2-75.2-142.4-158.4-142.4-60.8 0-65.6-3.2-65.6-44.8 0-38.4 8-46.4 68.8-62.4 80-22.4 177.6-113.6 203.2-190.4 12.8-38.4 28.8-54.4 51.2-54.4 17.6 0 52.8-20.8 78.4-46.4 43.2-44.8 46.4-54.4 46.4-176v-129.6h-80c-68.8 0-80-4.8-80-32 0-30.4-11.2-32-320-32s-320 1.6-320 32zM768 235.2c-1.6 187.2-19.2 254.4-84.8 320-134.4 136-368 68.8-411.2-116.8-8-33.6-16-124.8-16-203.2v-139.2h512v139.2z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"trophy@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 530, \"id\": 7, \"name\": \"trophy2x\", \"prevSize\": 32, \"code\": 59738 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 90\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M0 432v400h240c222.4 0 240 1.6 240 30.4 0 24-17.6 30.4-115.2 38.4-168 16-192 24-179.2 65.6 6.4 17.6 11.2 35.2 12.8 36.8 0 1.6 38.4-4.8 81.6-12.8 102.4-20.8 361.6-20.8 464 0 43.2 8 81.6 14.4 81.6 12.8 1.6-1.6 6.4-19.2 12.8-36.8 12.8-41.6-11.2-49.6-177.6-65.6-99.2-8-116.8-14.4-116.8-38.4 0-28.8 17.6-30.4 240-30.4h240v-800h-1024v400zM960 432v336h-896v-672h896v336z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"tv-2@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 529, \"id\": 6, \"name\": \"tv-22x\", \"prevSize\": 32, \"code\": 59739 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 91\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M480 46.4c0 41.6-6.4 46.4-68.8 56-36.8 6.4-104 32-148.8 57.6-124.8 70.4-195.2 172.8-236.8 339.2l-9.6 44.8h464v204.8c0 193.6 1.6 208 36.8 240 78.4 75.2 219.2 22.4 219.2-81.6 0-57.6-57.6-60.8-80-3.2-17.6 46.4-86.4 56-102.4 14.4-4.8-14.4-9.6-104-9.6-200v-174.4h233.6c214.4 0 232-1.6 224-28.8-3.2-14.4-16-56-25.6-91.2-44.8-153.6-209.6-297.6-363.2-321.6-62.4-9.6-68.8-14.4-68.8-56 0-35.2-8-46.4-32-46.4s-32 11.2-32 46.4z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"umbrella-13@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 528,\n        \"id\": 5,\n        \"name\": \"umbrella-132x\",\n        \"prevSize\": 32,\n        \"code\": 59740\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 92\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M739.2 100.8c-80 84.8-20.8 219.2 94.4 219.2 75.2 0 126.4-54.4 126.4-129.6 0-113.6-144-171.2-220.8-89.6z\",\n          \"M384 233.6c-62.4 56-64 60.8-38.4 89.6 27.2 28.8 28.8 28.8 81.6-22.4l52.8-51.2 59.2 57.6 59.2 59.2-76.8 81.6c-96 102.4-94.4 144 3.2 219.2 38.4 28.8 80 59.2 94.4 67.2 24 12.8 20.8 24-27.2 97.6-43.2 67.2-49.6 84.8-30.4 97.6 38.4 24 52.8 16 107.2-67.2 73.6-113.6 67.2-150.4-48-227.2-51.2-32-92.8-65.6-92.8-72s28.8-41.6 64-75.2l64-62.4 80 78.4c99.2 97.6 150.4 102.4 232 24 52.8-51.2 54.4-56 28.8-83.2-25.6-28.8-28.8-27.2-80 22.4l-52.8 51.2-172.8-171.2c-113.6-110.4-187.2-171.2-208-171.2-19.2 0-64 25.6-99.2 57.6z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"user-run@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": { \"order\": 527, \"id\": 4, \"name\": \"user-run2x\", \"prevSize\": 32, \"code\": 59741 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 93\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M35.2 164.8c-22.4 24-35.2 57.6-35.2 92.8 0 123.2 148.8 172.8 228.8 78.4 22.4-27.2 54.4-48 68.8-48 19.2 0 8 17.6-36.8 56-75.2 64-132.8 171.2-132.8 244.8 0 46.4-4.8 51.2-48 51.2h-48v256h256v-254.4l-44.8-4.8c-43.2-4.8-44.8-6.4-30.4-75.2 9.6-51.2 33.6-88 88-142.4 41.6-43.2 75.2-65.6 80-54.4 8 27.2 254.4 27.2 262.4 0 4.8-11.2 38.4 11.2 80 54.4 54.4 54.4 78.4 91.2 88 142.4 14.4 68.8 12.8 70.4-30.4 75.2l-44.8 4.8v254.4h256v-256h-48c-43.2 0-48-4.8-48-51.2 0-72-56-177.6-129.6-243.2-38.4-36.8-52.8-57.6-36.8-57.6 12.8 0 43.2 20.8 65.6 48 81.6 97.6 228.8 44.8 228.8-81.6 0-123.2-148.8-172.8-228.8-78.4-32 36.8-54.4 48-97.6 48-52.8 0-57.6-3.2-57.6-48v-48h-256v48c0 44.8-4.8 48-57.6 48-43.2 0-65.6-11.2-97.6-48-51.2-62.4-140.8-67.2-193.6-11.2z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"vector@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 526, \"id\": 3, \"name\": \"vector2x\", \"prevSize\": 32, \"code\": 59742 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 94\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M283.2 27.2c-4.8 16-12.8 49.6-19.2 75.2-4.8 24-30.4 62.4-56 84.8l-48 40v569.6l48 40c25.6 22.4 51.2 60.8 56 84.8 25.6 110.4 4.8 102.4 248 102.4h224l9.6-44.8c19.2-91.2 27.2-105.6 72-144 41.6-33.6 46.4-48 46.4-132.8 0-83.2 3.2-94.4 32-94.4s32-11.2 32-96c0-84.8-3.2-96-32-96s-32-11.2-32-94.4c0-84.8-4.8-99.2-48-134.4-25.6-22.4-51.2-60.8-56-84.8-25.6-110.4-4.8-102.4-248-102.4-198.4 0-222.4 3.2-228.8 27.2zM768 240c19.2 12.8 24 60.8 24 272s-4.8 260.8-24 273.6c-14.4 8-126.4 12.8-268.8 11.2-196.8-3.2-248-9.6-259.2-28.8-17.6-28.8-20.8-480-3.2-505.6 6.4-9.6 22.4-22.4 35.2-27.2 41.6-14.4 470.4-11.2 496 4.8z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"watch-time@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": {\n        \"order\": 525,\n        \"id\": 2,\n        \"name\": \"watch-time2x\",\n        \"prevSize\": 32,\n        \"code\": 59743\n      },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 95\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M320 27.2c-102.4 36.8-257.6 196.8-292.8 299.2-33.6 100.8-35.2 270.4-1.6 368 32 94.4 155.2 230.4 256 281.6 67.2 33.6 100.8 40 230.4 40 177.6 0 257.6-32 364.8-142.4 112-113.6 139.2-187.2 139.2-361.6 0-128-6.4-163.2-38.4-227.2-46.4-91.2-145.6-190.4-241.6-240-92.8-48-307.2-57.6-416-17.6zM492.8 164.8c38.4 46.4 83.2 102.4 100.8 126.4 40 56 115.2 59.2 209.6 11.2l65.6-33.6 28.8 36.8c40 54.4 60.8 190.4 43.2 289.6-22.4 121.6-100.8 230.4-222.4 304-99.2 62.4-294.4 62.4-408 3.2l-48-27.2 30.4-60.8c38.4-78.4 27.2-148.8-36.8-230.4-27.2-33.6-48-65.6-48-72s28.8-24 64-40c96-43.2 120-78.4 116.8-171.2-1.6-56-12.8-96-36.8-128-40-54.4-19.2-83.2 64-89.6 4.8 0 38.4 36.8 76.8 81.6zM275.2 203.2c67.2 75.2 52.8 152-35.2 196.8-129.6 65.6-140.8 108.8-56 224 59.2 80 67.2 110.4 38.4 161.6-19.2 38.4-36.8 28.8-86.4-49.6-73.6-115.2-78.4-321.6-11.2-430.4 30.4-51.2 100.8-129.6 115.2-129.6 6.4 0 22.4 12.8 35.2 27.2z\",\n          \"M564.8 408c-75.2 32-88 72-81.6 240 6.4 171.2 30.4 216 116.8 216 62.4 0 171.2-89.6 216-177.6 35.2-65.6 41.6-174.4 16-224-38.4-72-168-97.6-267.2-54.4zM729.6 476.8c48 32 56 81.6 25.6 152-44.8 99.2-158.4 187.2-185.6 142.4-3.2-6.4-9.6-68.8-11.2-137.6-4.8-107.2-1.6-128 25.6-147.2 32-24 116.8-30.4 145.6-9.6z\"\n        ],\n        \"attrs\": [{}, {}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"world@2x\"]\n      },\n      \"attrs\": [{}, {}],\n      \"properties\": { \"order\": 524, \"id\": 1, \"name\": \"world2x\", \"prevSize\": 32, \"code\": 59744 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 96\n    },\n    {\n      \"icon\": {\n        \"paths\": [\n          \"M227.2 41.6c-148.8 73.6-227.2 203.2-227.2 374.4 0 243.2 174.4 417.6 414.4 416 59.2-1.6 128-11.2 153.6-22.4 48-22.4 49.6-20.8 172.8 100.8l123.2 121.6 83.2-84.8 84.8-83.2-121.6-123.2c-121.6-123.2-123.2-124.8-100.8-172.8 11.2-27.2 20.8-94.4 22.4-153.6 1.6-240-172.8-412.8-417.6-414.4-80 0-123.2 9.6-187.2 41.6zM572.8 115.2c224 104 246.4 443.2 36.8 580.8-176 115.2-408 56-497.6-128-96-198.4 9.6-425.6 220.8-481.6 88-22.4 144-16 240 28.8z\"\n        ],\n        \"attrs\": [{}],\n        \"isMulticolor\": false,\n        \"isMulticolor2\": false,\n        \"grid\": 0,\n        \"tags\": [\"zoom-bold@2x\"]\n      },\n      \"attrs\": [{}],\n      \"properties\": { \"order\": 523, \"id\": 0, \"name\": \"zoom-bold2x\", \"prevSize\": 32, \"code\": 59745 },\n      \"setIdx\": 0,\n      \"setId\": 2,\n      \"iconIdx\": 97\n    }\n  ],\n  \"height\": 1024,\n  \"metadata\": { \"name\": \"icomoon\" },\n  \"preferences\": {\n    \"showGlyphs\": true,\n    \"showQuickUse\": true,\n    \"showQuickUse2\": true,\n    \"showSVGs\": true,\n    \"fontPref\": {\n      \"prefix\": \"icon-\",\n      \"metadata\": { \"fontFamily\": \"icomoon\" },\n      \"metrics\": { \"emSize\": 1024, \"baseline\": 6.25, \"whitespace\": 50 },\n      \"embed\": false\n    },\n    \"imagePref\": {\n      \"prefix\": \"icon-\",\n      \"png\": true,\n      \"useClassSelector\": true,\n      \"color\": 0,\n      \"bgColor\": 16777215,\n      \"classSelector\": \".icon\"\n    },\n    \"historySize\": 50,\n    \"showCodes\": true,\n    \"gridSize\": 16\n  }\n}\n"
  },
  {
    "path": "babel.config.js",
    "content": "module.exports = function (api) {\n  api.cache(true);\n  return {\n    presets: ['babel-preset-expo'],\n    plugins: [\n      [\n        'module-resolver',\n        {\n          extensions: ['.tsx', '.ts', '.js', '.json'],\n        },\n      ],\n      'react-native-reanimated/plugin',\n    ],\n  };\n};\n"
  },
  {
    "path": "components/Button.js",
    "content": "import React from 'react';\nimport { StyleSheet } from 'react-native';\nimport PropTypes from 'prop-types';\nimport { Button } from 'galio-framework';\n\nimport nowTheme from '../constants/Theme';\n\nclass ArButton extends React.Component {\n  render() {\n    const { small, shadowless, children, color, style, fontSize, round, ...props } = this.props;\n\n    const colorStyle = color && nowTheme.COLORS[color.toUpperCase()];\n\n    const buttonStyles = [\n      small && styles.smallButton,\n      colorStyle === 'neutral'\n        ? { backgroundColor: 'rgba(0,0,0,0)' }\n        : color && { backgroundColor: colorStyle },\n      round && { borderRadius: nowTheme.SIZES.BASE * 2 },\n      !shadowless && styles.shadow,\n      { ...style }\n    ];\n\n    return (\n      <Button\n        style={buttonStyles}\n        shadowless\n        textStyle={{ fontSize: fontSize || 12, fontWeight: '700' }}\n        {...props}\n      >\n        {children}\n      </Button>\n    );\n  }\n}\n\nArButton.propTypes = {\n  small: PropTypes.bool,\n  shadowless: PropTypes.bool,\n  color: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.oneOf([\n      'default',\n      'primary',\n      'info',\n      'error',\n      'success',\n      'warning',\n      'simple',\n      'neutral'\n    ])\n  ])\n};\n\nconst styles = StyleSheet.create({\n  smallButton: {\n    width: 75,\n    height: 28\n  }\n});\n\nexport default ArButton;\n"
  },
  {
    "path": "components/Card.js",
    "content": "import React from 'react';\nimport { withNavigation } from '@react-navigation/compat';\nimport PropTypes from 'prop-types';\nimport { StyleSheet, Image, TouchableWithoutFeedback } from 'react-native';\nimport { Block, Text, theme } from 'galio-framework';\n\nimport { nowTheme } from '../constants';\n\nclass Card extends React.Component {\n  render() {\n    const {\n      navigation,\n      item,\n      horizontal,\n      full,\n      style,\n      ctaColor,\n      imageStyle,\n      ctaRight,\n      titleStyle\n    } = this.props;\n\n    const imageStyles = [full ? styles.fullImage : styles.horizontalImage, imageStyle];\n    const titleStyles = [styles.cardTitle, titleStyle];\n    const cardContainer = [styles.card, styles.shadow, style];\n    const imgContainer = [\n      styles.imageContainer,\n      horizontal ? styles.horizontalStyles : styles.verticalStyles,\n      styles.shadow\n    ];\n\n    return (\n      <Block row={horizontal} card flex style={cardContainer}>\n        <TouchableWithoutFeedback onPress={() => navigation.navigate('Pro')}>\n          <Block flex style={imgContainer}>\n            <Image resizeMode=\"cover\" source={item.image} style={imageStyles} />\n          </Block>\n        </TouchableWithoutFeedback>\n        <TouchableWithoutFeedback onPress={() => navigation.navigate('Pro')}>\n          <Block flex space=\"between\" style={styles.cardDescription}>\n            <Block flex>\n              <Text\n                style={{ fontFamily: 'montserrat-regular' }}\n                size={14}\n                style={titleStyles}\n                color={nowTheme.COLORS.SECONDARY}\n              >\n                {item.title}\n              </Text>\n              {item.subtitle ? (\n                <Block flex center>\n                  <Text\n                    style={{ fontFamily: 'montserrat-regular' }}\n                    size={32}\n                    color={nowTheme.COLORS.BLACK}\n                  >\n                    {item.subtitle}\n                  </Text>\n                </Block>\n              ) : (\n                  <Block />\n                )}\n              {item.description ? (\n                <Block flex center>\n                  <Text\n                    style={{ fontFamily: 'montserrat-regular', textAlign: 'center', padding: 15 }}\n                    size={14}\n                    color={\"#9A9A9A\"}\n                  >\n                    {item.description}\n                  </Text>\n                </Block>\n              ) : (\n                  <Block />\n                )}\n              {item.body ? (\n                <Block flex left>\n                  <Text\n                    style={{ fontFamily: 'montserrat-regular' }}\n                    size={12}\n                    color={nowTheme.COLORS.TEXT}\n                  >\n                    {item.body}\n                  </Text>\n                </Block>\n              ) : (\n                  <Block />\n                )}\n            </Block>\n            <Block right={ctaRight ? true : false}>\n              <Text\n                style={styles.articleButton}\n                size={12}\n                muted={!ctaColor}\n                color={ctaColor || nowTheme.COLORS.ACTIVE}\n                bold\n              >\n                {item.cta}\n              </Text>\n            </Block>\n          </Block>\n        </TouchableWithoutFeedback>\n      </Block>\n    );\n  }\n}\n\nCard.propTypes = {\n  item: PropTypes.object,\n  horizontal: PropTypes.bool,\n  full: PropTypes.bool,\n  ctaColor: PropTypes.string,\n  imageStyle: PropTypes.any,\n  ctaRight: PropTypes.bool,\n  titleStyle: PropTypes.any,\n  textBodyStyle: PropTypes.any\n};\n\nconst styles = StyleSheet.create({\n  card: {\n    backgroundColor: theme.COLORS.WHITE,\n    marginVertical: theme.SIZES.BASE,\n    borderWidth: 0,\n    minHeight: 114,\n    marginBottom: 4\n  },\n  cardTitle: {\n    paddingHorizontal: 9,\n    paddingTop: 7,\n    paddingBottom: 15\n  },\n  cardDescription: {\n    padding: theme.SIZES.BASE / 2\n  },\n  imageContainer: {\n    borderRadius: 3,\n    elevation: 1,\n    overflow: 'hidden'\n  },\n  image: {\n    // borderRadius: 3,\n  },\n  horizontalImage: {\n    height: 122,\n    width: 'auto'\n  },\n  horizontalStyles: {\n    borderTopRightRadius: 0,\n    borderBottomRightRadius: 0\n  },\n  verticalStyles: {\n    borderBottomRightRadius: 0,\n    borderBottomLeftRadius: 0\n  },\n  fullImage: {\n    height: 215\n  },\n  shadow: {\n    shadowColor: '#8898AA',\n    shadowOffset: { width: 0, height: 1 },\n    shadowRadius: 6,\n    shadowOpacity: 0.1,\n    elevation: 2\n  },\n  articleButton: {\n    fontFamily: 'montserrat-bold',\n    paddingHorizontal: 9,\n    paddingVertical: 7\n  }\n});\n\nexport default withNavigation(Card);\n"
  },
  {
    "path": "components/Checkbox.js",
    "content": "import React from \"react\";\nimport {\n  View,\n  TouchableWithoutFeedback,\n  StyleSheet\n} from 'react-native';\nimport PropTypes from 'prop-types';\nimport Icon from 'react-native-vector-icons/Ionicons';\nimport {Text} from 'galio-framework'\n\nexport default class Checkbox extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      checked : props.checked || false\n    };\n  }\n\n  _onPress(_id) {\n    this.setState({ checked: !this.state.checked });\n  }\n\n  render() {\n    const { iconColor, textStyle, label, id, } = this.props;\n    const isChecked =  this.state.checked;\n    return (\n       <TouchableWithoutFeedback\n        key={id}\n        onPress={() => {\n          this._onPress(id);\n        }}\n      >\n        <View\n          style={styles.checkboxContainer}\n        >\n          <Icon\n            name={isChecked ? 'md-checkbox' : 'ios-square-outline'}\n            size={20}\n            color={iconColor}\n          />\n          <View\n            style={{ marginLeft: 5 }}\n          >\n            <Text style={{...textStyle}}>{'' + label}</Text>\n          </View>\n        </View>\n      </TouchableWithoutFeedback>\n    );\n  }\n}\n\nCheckbox.propTypes = {\n  id: PropTypes.string,\n  label: PropTypes.string,\n  iconColor: PropTypes.string,\n  checked: PropTypes.bool,\n  onChecked: PropTypes.func,\n};\n\nconst styles = StyleSheet.create({\n  checkboxContainer: {\n    flexDirection:  'row' ,\n    alignItems: 'center'\n  },\n});\n"
  },
  {
    "path": "components/DrawerItem.js",
    "content": "import { Block, Text, theme } from 'galio-framework';\nimport { Linking, StyleSheet, TouchableOpacity } from 'react-native';\n\nimport Icon from './Icon';\nimport React from 'react';\nimport nowTheme from '../constants/Theme';\n\nclass DrawerItem extends React.Component {\n  renderIcon = () => {\n    const { title, focused } = this.props;\n\n    switch (title) {\n      case 'Home':\n        return (\n          <Icon\n            name=\"app2x\"\n            family=\"NowExtra\"\n            size={18}\n            color={focused ? nowTheme.COLORS.PRIMARY : 'black'}\n            style={{ opacity: 0.5 }}\n          />\n        );\n      case 'Components':\n        return (\n          <Icon\n            name=\"atom2x\"\n            family=\"NowExtra\"\n            size={18}\n            color={focused ? nowTheme.COLORS.PRIMARY : 'black'}\n            style={{ opacity: 0.5 }}\n          />\n        );\n      case 'Articles':\n        return (\n          <Icon\n            name=\"paper\"\n            family=\"NowExtra\"\n            size={18}\n            color={focused ? nowTheme.COLORS.PRIMARY : 'black'}\n            style={{ opacity: 0.5 }}\n          />\n        );\n      case 'Profile':\n        return (\n          <Icon\n            name=\"profile-circle\"\n            family=\"NowExtra\"\n            size={18}\n            color={focused ? nowTheme.COLORS.PRIMARY : 'black'}\n            style={{ opacity: 0.5 }}\n          />\n        );\n      case 'Account':\n        return (\n          <Icon\n            name=\"badge2x\"\n            family=\"NowExtra\"\n            size={18}\n            color={focused ? nowTheme.COLORS.PRIMARY : 'black'}\n            style={{ opacity: 0.5 }}\n          />\n        );\n      case 'Settings':\n        return (\n          <Icon\n            name=\"settings-gear-642x\"\n            family=\"NowExtra\"\n            size={18}\n            color={focused ? nowTheme.COLORS.PRIMARY : 'black'}\n            style={{ opacity: 0.5 }}\n          />\n        );\n      case 'Examples':\n        return (\n          <Icon\n            name=\"album\"\n            family=\"NowExtra\"\n            size={14}\n            color={focused ? nowTheme.COLORS.PRIMARY : 'black'}\n          />\n        );\n      case 'GETTING STARTED':\n        return (\n          <Icon\n            name=\"spaceship2x\"\n            family=\"NowExtra\"\n            size={18}\n            style={{ borderColor: 'rgba(0,0,0,0.5)', opacity: 0.5 }}\n            color={focused ? nowTheme.COLORS.PRIMARY : 'black'}\n          />\n        );\n      case 'LOGOUT':\n        return (\n          <Icon\n            name=\"share\"\n            family=\"NowExtra\"\n            size={18}\n            style={{ borderColor: 'rgba(0,0,0,0.5)', opacity: 0.5 }}\n            color={focused ? nowTheme.COLORS.PRIMARY : 'black'}\n          />\n        );\n      default:\n        return null;\n    }\n  };\n\n  render() {\n    const { focused, title, navigation } = this.props;\n\n    const containerStyles = [\n      styles.defaultStyle,\n      focused ? [styles.activeStyle, styles.shadow] : null,\n    ];\n\n    return (\n      <TouchableOpacity\n        style={{ height: 60 }}\n        onPress={() =>\n          title == 'GETTING STARTED'\n            ? Linking.openURL('https://demos.creative-tim.com/now-ui-pro-react-native/docs/').catch(\n                (err) => console.error('An error occurred', err)\n              )\n            : navigation.navigate(title == 'LOGOUT' ? 'Onboarding' : title)\n        }\n      >\n        <Block flex row style={containerStyles}>\n          <Block middle flex={0.1} style={{ marginRight: 5 }}>\n            {this.renderIcon()}\n          </Block>\n          <Block row center flex={0.9}>\n            <Text\n              style={{\n                fontFamily: 'montserrat-regular',\n                textTransform: 'uppercase',\n                fontWeight: '300',\n              }}\n              size={12}\n              bold={focused ? true : false}\n              color={focused ? nowTheme.COLORS.PRIMARY : 'black'}\n            >\n              {title}\n            </Text>\n          </Block>\n        </Block>\n      </TouchableOpacity>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  defaultStyle: {\n    paddingVertical: 15,\n    paddingHorizontal: 14,\n    color: 'white',\n  },\n  activeStyle: {\n    backgroundColor: nowTheme.COLORS.WHITE,\n    borderRadius: 30,\n    color: 'white',\n  },\n  shadow: {\n    shadowColor: theme.COLORS.BLACK,\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowRadius: 8,\n    shadowOpacity: 0.1,\n  },\n});\n\nexport default DrawerItem;\n"
  },
  {
    "path": "components/Header.js",
    "content": "import React from 'react';\nimport { withNavigation } from '@react-navigation/compat';\nimport { TouchableOpacity, StyleSheet, Platform, Dimensions, Keyboard } from 'react-native';\nimport { Button, Block, NavBar, Text, theme, Button as GaButton } from 'galio-framework';\n\nimport Icon from './Icon';\nimport Input from './Input';\nimport Tabs from './Tabs';\nimport nowTheme from '../constants/Theme';\n\nconst { height, width } = Dimensions.get('window');\nconst iPhoneX = () =>\n  Platform.OS === 'ios' && (height === 812 || width === 812 || height === 896 || width === 896);\n\nconst BellButton = ({ isWhite, style, navigation }) => (\n  <TouchableOpacity\n    style={[styles.button, style]}\n    onPress={() => navigation.navigate('Pro')}\n  >\n    <Icon\n      family=\"NowExtra\"\n      size={16}\n      name=\"bulb\"\n      color={nowTheme.COLORS[isWhite ? 'WHITE' : 'ICON']}\n    />\n    <Block middle style={[styles.notify, { backgroundColor: nowTheme.COLORS[isWhite ? 'WHITE' : 'PRIMARY'] }]} />\n  </TouchableOpacity>\n);\n\nconst BasketButton = ({ isWhite, style, navigation }) => (\n  <TouchableOpacity style={[styles.button, style]} onPress={() => navigation.navigate('Pro')}>\n    <Icon\n      family=\"NowExtra\"\n      size={16}\n      name=\"basket2x\"\n      color={nowTheme.COLORS[isWhite ? 'WHITE' : 'ICON']}\n    />\n  </TouchableOpacity>\n);\n\n\n\nclass Header extends React.Component {\n  handleLeftPress = () => {\n    const { back, navigation } = this.props;\n    return back ? navigation.goBack() : navigation.openDrawer();\n  };\n  renderRight = () => {\n    const { white, title, navigation } = this.props;\n    \n\n    if (title === 'Title') {\n      return [\n        <BellButton key=\"chat-title\" navigation={navigation} isWhite={white} />,\n        <BasketButton key=\"basket-title\" navigation={navigation} isWhite={white} />\n      ];\n    }\n\n    switch (title) {\n      case 'Home':\n        return [\n          <BellButton key=\"chat-home\" navigation={navigation} isWhite={white} />,\n          <BasketButton key=\"basket-home\" navigation={navigation} isWhite={white} />\n        ];\n      case 'Deals':\n        return [\n          <BellButton key=\"chat-categories\" navigation={navigation} />,\n          <BasketButton key=\"basket-categories\" navigation={navigation} />\n        ];\n      case 'Categories':\n        return [\n          <BellButton key=\"chat-categories\" navigation={navigation} isWhite={white} />,\n          <BasketButton key=\"basket-categories\" navigation={navigation} isWhite={white} />\n        ];\n      case 'Category':\n        return [\n          <BellButton key=\"chat-deals\" navigation={navigation} isWhite={white} />,\n          <BasketButton key=\"basket-deals\" navigation={navigation} isWhite={white} />\n        ];\n      case 'Profile':\n        return [\n          <BellButton key=\"chat-profile\" navigation={navigation} isWhite={white} />,\n          <BasketButton key=\"basket-deals\" navigation={navigation} isWhite={white} />\n        ];\n      case 'Account':\n        return [\n          <BellButton key=\"chat-profile\" navigation={navigation} />,\n          <BasketButton key=\"basket-deals\" navigation={navigation} />\n        ];\n      case 'Product':\n        return [\n          <BellButton key=\"chat-profile\" navigation={navigation} isWhite={white} />,\n          <BasketButton key=\"basket-product\" navigation={navigation} isWhite={white} />\n        ];\n      case 'Search':\n        return [\n          <BellButton key=\"chat-search\" navigation={navigation} isWhite={white} />,\n          <BasketButton key=\"basket-search\" navigation={navigation} isWhite={white} />\n        ];\n      case 'Settings':\n        return [\n          <BellButton key=\"chat-search\" navigation={navigation} isWhite={white} />,\n          <BasketButton key=\"basket-search\" navigation={navigation} isWhite={white} />\n        ];\n      default:\n        break;\n    }\n  };\n  renderSearch = () => {\n    const { navigation } = this.props;\n    return (\n      <Input\n        right\n        color=\"black\"\n        style={styles.search}\n        placeholder=\"What are you looking for?\"\n        placeholderTextColor={'#8898AA'}\n        onFocus={() => {Keyboard.dismiss(); navigation.navigate('Pro')}}\n        iconContent={\n          <Icon size={16} color={theme.COLORS.MUTED} name=\"zoom-bold2x\" family=\"NowExtra\" />\n        }\n      />\n    );\n  };\n  renderOptions = () => {\n    const { navigation, optionLeft, optionRight } = this.props;\n\n    return (\n      <Block row style={styles.options}>\n        <Button\n          shadowless\n          style={[styles.tab, styles.divider]}\n          onPress={() => console.log(navigation.navigate('Pro'))}\n        >\n          <Block row middle>\n            <Icon\n              name=\"bulb\"\n              family=\"NowExtra\"\n              size={18}\n              style={{ paddingRight: 8 }}\n              color={nowTheme.COLORS.HEADER}\n            />\n            <Text style={{ fontFamily: 'montserrat-regular' }} size={16} style={styles.tabTitle}>\n              {optionLeft || 'Beauty'}\n            </Text>\n          </Block>\n        </Button>\n        <Button shadowless style={styles.tab} onPress={() => navigation.navigate('Pro')}>\n          <Block row middle>\n            <Icon\n              size={18}\n              name=\"bag-162x\"\n              family=\"NowExtra\"\n              style={{ paddingRight: 8 }}\n              color={nowTheme.COLORS.HEADER}\n            />\n            <Text style={{ fontFamily: 'montserrat-regular' }} size={16} style={styles.tabTitle}>\n              {optionRight || 'Fashion'}\n            </Text>\n          </Block>\n        </Button>\n      </Block>\n    );\n  };\n\n  renderTabs = () => {\n    const { tabs, tabIndex, navigation } = this.props;\n    const defaultTab = tabs && tabs[0] && tabs[0].id;\n\n    if (!tabs) return null;\n\n    return (\n      <Tabs\n        data={tabs || []}\n        initialIndex={tabIndex || defaultTab}\n        onChange={id => navigation.setParams({ tabId: id })}\n      />\n    );\n  };\n  renderHeader = () => {\n    const { search, options, tabs } = this.props;\n    if (search || tabs || options) {\n      return (\n        <Block center>\n          {search ? this.renderSearch() : null}\n          {options ? this.renderOptions() : null}\n          {tabs ? this.renderTabs() : null}\n        </Block>\n      );\n    }\n  };\n  render() {\n    const {\n      back,\n      title,\n      white,\n      transparent,\n      bgColor,\n      iconColor,\n      titleColor,\n      navigation,\n      ...props\n    } = this.props;\n\n    const noShadow = ['Search', 'Categories', 'Deals', 'Pro', 'Profile'].includes(title);\n    const headerStyles = [\n      !noShadow ? styles.shadow : null,\n      transparent ? { backgroundColor: 'rgba(0,0,0,0)' } : null\n    ];\n\n    const navbarStyles = [styles.navbar, bgColor && { backgroundColor: bgColor }];\n\n    return (\n      <Block style={headerStyles}>\n        <NavBar\n          back={false}\n          title={title}\n          style={navbarStyles}\n          transparent={transparent}\n          right={this.renderRight()}\n          rightStyle={{ alignItems: 'center' }}\n          left={\n            <Icon\n              name={back ? 'minimal-left2x' : 'align-left-22x'}\n              family=\"NowExtra\"\n              size={16}\n              onPress={this.handleLeftPress}\n              color={iconColor || (white ? nowTheme.COLORS.WHITE : nowTheme.COLORS.ICON)}\n            />\n          }\n          leftStyle={{ paddingVertical: 12, flex: 0.2 }}\n          titleStyle={[\n            styles.title,\n            { color: nowTheme.COLORS[white ? 'WHITE' : 'HEADER'] },\n            titleColor && { color: titleColor }\n          ]}\n          {...props}\n        />\n        {this.renderHeader()}\n      </Block>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  button: {\n    padding: 12,\n    position: 'relative'\n  },\n  title: {\n    width: '100%',\n    fontSize: 16,\n    fontWeight: 'bold',\n    fontFamily: 'montserrat-regular'\n  },\n  navbar: {\n    paddingVertical: 0,\n    paddingBottom: theme.SIZES.BASE * 1.5,\n    paddingTop: iPhoneX ? theme.SIZES.BASE * 4 : theme.SIZES.BASE,\n    zIndex: 5\n  },\n  shadow: {\n    backgroundColor: theme.COLORS.WHITE,\n    shadowColor: 'black',\n    shadowOffset: { width: 0, height: 2 },\n    shadowRadius: 6,\n    shadowOpacity: 0.2,\n    elevation: 3\n  },\n  notify: {\n    backgroundColor: nowTheme.COLORS.SUCCESS,\n    borderRadius: 4,\n    height: theme.SIZES.BASE / 2,\n    width: theme.SIZES.BASE / 2,\n    position: 'absolute',\n    top: 9,\n    right: 12\n  },\n  header: {\n    backgroundColor: theme.COLORS.WHITE\n  },\n  divider: {\n    borderRightWidth: 0.3,\n    borderRightColor: theme.COLORS.ICON\n  },\n  search: {\n    height: 48,\n    width: width - 32,\n    marginHorizontal: 16,\n    borderWidth: 1,\n    borderRadius: 30,\n    borderColor: nowTheme.COLORS.BORDER\n  },\n  options: {\n    marginBottom: 24,\n    marginTop: 10,\n    elevation: 4\n  },\n  tab: {\n    backgroundColor: theme.COLORS.TRANSPARENT,\n    width: width * 0.35,\n    borderRadius: 0,\n    borderWidth: 0,\n    height: 24,\n    elevation: 0\n  },\n  tabTitle: {\n    lineHeight: 19,\n    fontWeight: '400',\n    color: nowTheme.COLORS.HEADER\n  },\n  social: {\n    width: theme.SIZES.BASE * 3.5,\n    height: theme.SIZES.BASE * 3.5,\n    borderRadius: theme.SIZES.BASE * 1.75,\n    justifyContent: 'center'\n  },\n});\n\nexport default withNavigation(Header);\n"
  },
  {
    "path": "components/Icon.js",
    "content": "import React from 'react';\nimport * as Font from 'expo-font';\nimport { createIconSetFromIcoMoon } from '@expo/vector-icons';\nimport { Icon } from 'galio-framework';\n\nimport nowConfig from '../assets/config/now.json';\nconst NowExtra = require('../assets/font/now.ttf');\nconst IconNowExtra = createIconSetFromIcoMoon(nowConfig, 'NowExtra');\n\nclass IconExtra extends React.Component {\n  state = {\n    fontLoaded: false\n  };\n\n  async componentDidMount() {\n    await Font.loadAsync({ NowExtra: NowExtra });\n    this.setState({ fontLoaded: true });\n  }\n\n  render() {\n    const { name, family, ...rest } = this.props;\n\n    if (name && family && this.state.fontLoaded) {\n      if (family === 'NowExtra') {\n        return <IconNowExtra name={name} family={family} {...rest} />;\n      }\n      return <Icon name={name} family={family} {...rest} />;\n    }\n\n    return null;\n  }\n}\n\nexport default IconExtra;\n"
  },
  {
    "path": "components/Img.js",
    "content": "import React from \"react\";\nimport { StyleSheet, Image, Dimensions } from \"react-native\";\nimport PropTypes from \"prop-types\";\nimport { Block } from \"galio-framework\";\n\nimport nowUITheme from \"../constants/Theme\";\n\nconst { width } = Dimensions.get('screen');\n\nclass Img extends React.Component {\n  render() {\n    const { color, style, type, children, source, ...props } = this.props;\n\n    const colorStyle = color && nowUITheme.COLORS[color.toUpperCase()];\n    const avatarPhoto =\n    'https://images.unsplash.com/photo-1520271348391-049dd132bb7c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80';\n    const imageStyle = [\n        type,\n\n      { ...style }\n    ];\n\n    return (\n      <Block>\n            <Image\n              source={{ uri:  avatarPhoto}}\n              style={type === \"circle\" ? [styles.round, styles.image]: type === \"raised\" ? [styles.raised, styles.image]: ''}\n            />\n      </Block>\n    );\n  }\n}\n\nImg.propTypes = {\n  type: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.oneOf([\n      \"circle\",\n      \"raised\",\n      \"circle-raised\",\n    ])\n  ]),\n  source: PropTypes.string\n};\n\nconst styles = StyleSheet.create({\n  quote: {\n    fontFamily: \"montserrat-regular\",\n    fontSize: 20,\n    borderWidth: 1,\n    padding: 20\n  },\n  image:{\n    marginBottom: 10,\n    marginLeft: 10,\n  },\n  round: {\n    width: width - nowUITheme.SIZES.BASE * 12,\n    height: width - nowUITheme.SIZES.BASE * 12,\n    borderRadius: (width - nowUITheme.SIZES.BASE * 12)/2,\n  },\n  raised:{\n    width: width - nowUITheme.SIZES.BASE * 12,\n    height: width - nowUITheme.SIZES.BASE * 12,\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.8,\n    shadowRadius: 2,\n  }\n});\n\nexport default Img;\n"
  },
  {
    "path": "components/Input.js",
    "content": "import React from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport PropTypes from 'prop-types';\n\nimport { Input } from \"galio-framework\";\n\nimport Icon from './Icon';\nimport { nowTheme } from \"../constants\";\n\nclass ArInput extends React.Component {\n  render() {\n    const { shadowless, success, error, primary } = this.props;\n\n    const inputStyles = [\n      styles.input,\n      !shadowless,\n      success && styles.success,\n      error && styles.error,\n      primary && styles.primary,\n      {...this.props.style}\n    ];\n\n    return (\n      <Input\n        placeholder=\"write something here\"\n        placeholderTextColor={nowTheme.COLORS.MUTED}\n        style={inputStyles}\n        color={nowTheme.COLORS.HEADER}\n        iconContent={\n          <Icon\n            size={14}\n            color={nowTheme.COLORS.ICON}\n            name=\"link\"\n            family=\"AntDesign\"\n          />\n        }\n        {...this.props}\n      />\n    );\n  }\n}\n\nArInput.defaultProps = {\n  shadowless: false,\n  success: false,\n  error: false,\n  primary: false\n};\n\nArInput.propTypes = {\n  shadowless: PropTypes.bool,\n  success: PropTypes.bool,\n  error: PropTypes.bool,\n  primary: PropTypes.bool\n}\n\nconst styles = StyleSheet.create({\n  input: {\n    borderRadius: 30,\n    borderColor: nowTheme.COLORS.BORDER,\n    height: 44,\n    backgroundColor: '#FFFFFF'\n  },\n  success: {\n    borderColor: nowTheme.COLORS.INPUT_SUCCESS\n  },\n  error: {\n    borderColor: nowTheme.COLORS.INPUT_ERROR\n  },\n  primary: {\n    borderColor: nowTheme.COLORS.PRIMARY\n  },\n  shadow: {\n    shadowColor: nowTheme.COLORS.BLACK,\n    shadowOffset: { width: 0, height: 0.5 },\n    shadowRadius: 1,\n    shadowOpacity: 0.13,\n    elevation: 2,\n  }\n});\n\nexport default ArInput;\n"
  },
  {
    "path": "components/Select.js",
    "content": "import React from 'react';\nimport { StyleSheet } from 'react-native';\nimport PropTypes from 'prop-types';\nimport ModalDropdown from 'react-native-modal-dropdown';\nimport { Block, Text } from 'galio-framework';\n\nimport Icon from './Icon';\nimport { nowTheme } from '../constants';\n\nclass DropDown extends React.Component {\n  state = {\n    value: 1\n  };\n\n  handleOnSelect = (index, value) => {\n    const { onSelect } = this.props;\n\n    this.setState({ value: value });\n    onSelect && onSelect(index, value);\n  };\n\n  render() {\n    const {\n      onSelect,\n      iconName,\n      iconFamily,\n      iconSize,\n      iconColor,\n      color,\n      textStyle,\n      style,\n      ...props\n    } = this.props;\n\n    const modalStyles = [styles.qty, color && { backgroundColor: color }, style];\n\n    const textStyles = [styles.text, textStyle];\n\n    return (\n      <ModalDropdown\n        style={modalStyles}\n        onSelect={this.handleOnSelect}\n        dropdownStyle={styles.dropdown}\n        dropdownTextStyle={{ paddingLeft: 16, fontSize: 12 }}\n        {...props}\n      >\n        <Block flex row middle space=\"between\">\n          <Text size={12} style={textStyles}>\n            {this.state.value}\n          </Text>\n          <Icon\n            name={iconName || 'minimal-down2x'}\n            family={iconFamily || 'NowExtra'}\n            size={iconSize || 10}\n            color={iconColor || nowTheme.COLORS.WHITE}\n          />\n        </Block>\n      </ModalDropdown>\n    );\n  }\n}\n\nDropDown.propTypes = {\n  onSelect: PropTypes.func,\n  iconName: PropTypes.string,\n  iconFamily: PropTypes.string,\n  iconSize: PropTypes.number,\n  color: PropTypes.string,\n  textStyle: PropTypes.any\n};\n\nconst styles = StyleSheet.create({\n  qty: {\n    width: 100,\n    backgroundColor: nowTheme.COLORS.DEFAULT,\n    paddingHorizontal: 16,\n    paddingTop: 10,\n    paddingBottom: 9.5,\n    borderRadius: 4,\n    shadowColor: 'rgba(0, 0, 0, 0.1)',\n    shadowOffset: { width: 0, height: 2 },\n    shadowRadius: 4,\n    shadowOpacity: 1\n  },\n  text: {\n    color: nowTheme.COLORS.WHITE,\n    fontWeight: '600'\n  },\n  dropdown: {\n    marginTop: 8,\n    marginLeft: -16,\n    width: 100\n  }\n});\n\nexport default DropDown;\n"
  },
  {
    "path": "components/Sliders.js",
    "content": "import React from \"react\";\nimport { StyleSheet, Slider } from \"react-native\";\nimport PropTypes from \"prop-types\";\nimport { Text, Block } from \"galio-framework\";\n\nimport nowUITheme from \"../constants/Theme\";\n\nclass NSlider extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: 50\n    };\n  }\n\n  change(value) {\n    this.setState(() => {\n      return {\n        value: parseFloat(value)\n      };\n    });\n  }\n  convertHexToRgb(hex, alpha){\n    var r = parseInt(hex.slice(1, 3), 16),\n    g = parseInt(hex.slice(3, 5), 16),\n    b = parseInt(hex.slice(5, 7), 16);\n\n    if (alpha) {\n      return \"rgba(\" + r + \", \" + g + \", \" + b + \", \" + alpha + \")\";\n    } else {\n    return \"rgb(\" + r + \", \" + g + \", \" + b + \")\";\n    }\n  }\n\n  render() {\n    const { color, style, fontSize, children, source, ...props } = this.props;\n\n    const colorStyle = color && nowUITheme.COLORS[color.toUpperCase()];\n\n    const quoteStyle = [\n      { color: colorStyle },\n      styles.quote,\n      { borderColor: colorStyle },\n      { ...style }\n    ];\n\n    return (\n      <Slider\n        step={1}\n        maximumValue={100}\n        minimumTrackTintColor={this.convertHexToRgb(colorStyle, 0.2)}\n        maximumTrackTintColor='#d3d3d3'\n        thumbTintColor={colorStyle}\n        value={50}\n        // onValueChange={this.change.bind(this)}\n      />\n    );\n  }\n}\n\nNSlider.propTypes = {\n  color: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.oneOf([\n      \"primary\",\n      \"secondary\",\n      \"info\",\n      \"error\",\n      \"success\",\n      \"warning\"\n    ])\n  ]),\n  source: PropTypes.string\n};\n\nconst styles = StyleSheet.create({\n  quote: {\n    fontFamily: \"montserrat-regular\",\n    fontSize: 20,\n    borderWidth: 1,\n    padding: 20\n  }\n});\n\nexport default NSlider;\n"
  },
  {
    "path": "components/Switch.js",
    "content": "import React from \"react\";\nimport { Switch, Platform } from \"react-native\";\n\nimport nowTheme from \"../constants/Theme\";\n\nclass MkSwitch extends React.Component {\n  render() {\n    const { value, ...props } = this.props;\n    const thumbColor =\n      Platform.OS === \"ios\"\n        ? nowTheme.COLORS.PRIMARY\n        : Platform.OS === \"android\" && value\n        ? nowTheme.COLORS.SWITCH_ON\n        : nowTheme.COLORS.SWITCH_OFF;\n\n    return (\n      <Switch\n        value={value}\n        thumbColor={[\n          value === true\n            ? nowTheme.COLORS.SWITCH_ON\n            :'#ffffff'\n        ]}\n        ios_backgroundColor={\"#D8D8D8\"}\n        trackColor={{\n          true: \"#d3d3d3\",\n          false: Platform.OS == \"ios\" ? \"#d3d3d3\" : \"#333\"\n        }}\n        {...props}\n      />\n    );\n  }\n}\n\nexport default MkSwitch;\n"
  },
  {
    "path": "components/Tabs.js",
    "content": "import React from 'react';\nimport { StyleSheet, Dimensions, FlatList, Animated } from 'react-native';\nimport { Block, theme } from 'galio-framework';\n\nconst { width } = Dimensions.get('screen');\nimport nowTheme from '../constants/Theme';\n\nconst defaultMenu = [\n  { id: 'music', title: 'Music', },\n  { id: 'beauty', title: 'Beauty', },\n  { id: 'fashion', title: 'Fashion', },\n  { id: 'motocycles', title: 'Motocycles', },\n];\n\nexport default class Tabs extends React.Component {\n  static defaultProps = {\n    data: defaultMenu,\n    initialIndex: null,\n  }\n\n  state = {\n    active: null,\n  }\n\n  componentDidMount() {\n    const { initialIndex } = this.props;\n    initialIndex && this.selectMenu(initialIndex);\n  }\n\n  animatedValue = new Animated.Value(1);\n\n  animate() {\n    this.animatedValue.setValue(0);\n\n    Animated.timing(this.animatedValue, {\n      toValue: 1,\n      duration: 300,\n      useNativeDriver: false,\n    }).start()\n  }\n\n  menuRef = React.createRef();\n\n  onScrollToIndexFailed = () => {\n    this.menuRef.current.scrollToIndex({\n      index: 0,\n      viewPosition: 0.5\n    });\n  }\n\n  selectMenu = (id) => {\n    this.setState({ active: id });\n\n    this.menuRef.current.scrollToIndex({\n      index: this.props.data.findIndex(item => item.id === id),\n      viewPosition: 0.5\n    });\n\n    this.animate();\n    this.props.onChange && this.props.onChange(id);\n  }\n\n  renderItem = (item) => {\n    const isActive = this.state.active === item.id;\n\n    const textColor = this.animatedValue.interpolate({\n      inputRange: [0, 1],\n      outputRange: [nowTheme.COLORS.TEXT, isActive ? nowTheme.COLORS.WHITE : nowTheme.COLORS.SECONDARY],\n      extrapolate: 'clamp',\n    });\n\n    const containerStyles = [\n      styles.titleContainer,\n      !isActive && { backgroundColor: nowTheme.COLORS.TABS },\n      isActive && styles.containerShadow\n    ];\n\n    return (\n      <Block style={containerStyles}>\n        <Animated.Text\n          style={[\n            styles.menuTitle,\n            { color: textColor },\n            { fontFamily: 'montserrat-regular' },\n          ]}\n          onPress={() => this.selectMenu(item.id)}>\n          {item.title}\n        </Animated.Text>\n      </Block>\n    )\n  }\n\n  renderMenu = () => {\n    const { data, ...props } = this.props;\n\n    return (\n      <FlatList\n        {...props}\n        data={data}\n        horizontal={true}\n        ref={this.menuRef}\n        extraData={this.state}\n        keyExtractor={(item) => item.id}\n        showsHorizontalScrollIndicator={false}\n        onScrollToIndexFailed={this.onScrollToIndexFailed}\n        renderItem={({ item }) => this.renderItem(item)}\n        contentContainerStyle={styles.menu}\n      />\n    )\n  }\n\n  render() {\n    return (\n      <Block style={styles.container}>\n        {this.renderMenu()}\n      </Block>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    width: width,\n    backgroundColor: theme.COLORS.WHITE,\n    zIndex: 2,\n  },\n  shadow: {\n    shadowColor: theme.COLORS.BLACK,\n    shadowOffset: { width: 0, height: 2 },\n    shadowRadius: 8,\n    shadowOpacity: 0.2,\n    elevation: 4,\n  },\n  menu: {\n    paddingHorizontal: theme.SIZES.BASE * 2.5,\n    paddingTop: 8,\n    paddingBottom: 16,\n  },\n  titleContainer: {\n    alignItems: 'center',\n    backgroundColor: nowTheme.COLORS.ACTIVE,\n    borderRadius: 21,\n    marginRight: 9,\n    paddingHorizontal: 10,\n    paddingVertical: 3,\n  },\n  containerShadow: {\n    shadowColor: 'black',\n    shadowOffset: { width: 0, height: 2 },\n    shadowRadius: 4,\n    shadowOpacity: 0.1,\n    elevation: 1,\n  },\n  menuTitle: {\n    fontWeight: '600',\n    fontSize: 14,\n    paddingVertical: 8,\n    paddingHorizontal: 12,\n    color: nowTheme.COLORS.MUTED\n  },\n});\n"
  },
  {
    "path": "components/index.js",
    "content": "import Button from './Button';\nimport Card from './Card';\nimport DrawerItem from './DrawerItem';\nimport Icon from './Icon';\nimport Header from './Header';\nimport Input from './Input';\nimport Switch from './Switch';\nimport Select from './Select';\n\nexport { Button, Card, DrawerItem, Icon, Input, Header, Switch, Select };\n"
  },
  {
    "path": "constants/Images.js",
    "content": "// local imgs\nconst Onboarding = require('../assets/imgs/getPro-bg-1.png');\nconst Logo = require('../assets/imgs/now-logo.png');\nconst ProfileBackground = require('../assets/imgs/bg5.png');\nconst RegisterBackground = require('../assets/imgs/register-bg.png');\nconst Pro = require('../assets/imgs/bg.png');\nconst NowLogo = require('../assets/imgs/now-logo.png');\nconst iOSLogo = require('../assets/imgs/ios.png');\nconst androidLogo = require('../assets/imgs/android.png');\nconst ProfilePicture = require('../assets/imgs/profile-img.jpg');\nconst CreativeTimLogo = require('../assets/imgs/creative-tim-white-slim2.png');\nconst InvisionLogo = require('../assets/imgs/invision-white-slim.png');\n\nconst Viewed = [\n  require('../assets/imgs/project5.jpg'),\n  require('../assets/imgs/project7.jpg'),\n  require('../assets/imgs/project6.jpg'),\n  require('../assets/imgs/project4.jpg'),\n  require('../assets/imgs/project21.jpg'),\n  require('../assets/imgs/project24.jpg')\n];\n\nconst Products = {\n  text: 'View article',\n  path: require('../assets/imgs/bg15.jpg')\n};\n\nexport default {\n  Onboarding,\n  Logo,\n  ProfileBackground,\n  ProfilePicture,\n  RegisterBackground,\n  Viewed,\n  Pro,\n  Products,\n  NowLogo: NowLogo,\n  iOSLogo,\n  androidLogo,\n  CreativeTimLogo,\n  InvisionLogo\n};\n"
  },
  {
    "path": "constants/Theme.js",
    "content": "const COLORS = {\n  DEFAULT: '#888888',\n  PRIMARY: '#f96332',\n  LABEL: '#FE2472',\n  INFO: '#2CA8FF',\n  ERROR: '#FF3636',\n  SUCCESS: '#18ce0f',\n  WARNING: '#FFB236',\n  SECONDARY: '#444444',\n  NEUTRAL: 'rgba(255, 255, 255, 0.2)',\n  TABS: 'rgba(222, 222, 222, 0.3)',\n  TEXT: '#32325D',\n  MUTED: '#8898AA',\n  INPUT: '#DCDCDC',\n  INPUT_SUCCESS: '#1be611',\n  INPUT_ERROR: '#ff3636',\n  ACTIVE: '#f96332',\n  BUTTON_COLOR: '#9C26B0',\n  PLACEHOLDER: '#9FA5AA',\n  THUMB_SWITCH_ON: '#f96332',\n  THUMB_SWITCH_ON: '#fff',\n  SWITCH_ON: '#f96332',\n  SWITCH_OFF: '#898989',\n  GRADIENT_START: '#6B24AA',\n  GRADIENT_END: '#AC2688',\n  PRICE_COLOR: '#EAD5FB',\n  BORDER_COLOR: '#E7E7E7',\n  BLOCK: '#E7E7E7',\n  ICON: '#172B4D',\n  ICON_INPUT: '#555555',\n  HEADER: '#2c2c2c',\n  BORDER: '#CAD1D7',\n  WHITE: '#FFFFFF',\n  BLACK: '#000000',\n  TWITTER: '#55acee',\n  FACEBOOK: '#3b5998',\n  DRIBBBLE: '#ea4c89',\n  LINKEDIN: '#0077B5',\n  PINTEREST: '#cc2127',\n  YOUTUBE: '#e52d27',\n  TUMBLR: '#35465c',\n  GITHUB: '#333333',\n  BEHANCE: '#1769ff',\n  REDDIT: '#ff4500',\n  GOOGLE: '#dd4b39'\n};\n\nconst SIZES = {\n  BASE: 16,\n  FONT: 16,\n  OPACITY: 0.8\n};\n\nexport default {\n  COLORS,\n  SIZES\n};\n"
  },
  {
    "path": "constants/articles.js",
    "content": "export default [\n  {\n    title: 'Society has put up so many boundaries',\n    image: require(\"../assets/imgs/project13.jpg\"),\n    cta: 'View article',\n    horizontal: true\n  },\n  {\n    title: 'Many limitations on what’s right',\n    image: require(\"../assets/imgs/bg40.jpg\"),\n    cta: 'View article'\n  },\n  {\n    title: 'Why would anyone pick blue over?',\n    image: require(\"../assets/imgs/bg28.jpg\"),\n    cta: 'View article'\n  },\n  {\n    title: 'Pink is obviously a better color',\n    image: require(\"../assets/imgs/project21.jpg\"),\n    cta: 'View article'\n  },\n\n  {\n    title: 'The time is now for it to be okay to be',\n    image: require(\"../assets/imgs/project15.jpg\"),\n    cta: 'View article',\n    horizontal: true\n  },\n  {\n    title: '$377',\n    image: require(\"../assets/imgs/saint-laurent.jpg\"),\n    subtitle: 'Black Jacket',\n    description:\n      'The structured shoulders and sleek detailing ensure a sharp silhouette. Team it with a silk pocket.',\n    horizontal: true\n  },\n  {\n    title: '$299',\n    image: require(\"../assets/imgs/saint-laurent1.jpg\"),\n    subtitle: 'Saint Laurent',\n    description:\n      'The smooth woven-wool is water resistant to ensure you stay pristine after a long-haul flight.',\n    horizontal: true\n  }\n];\n"
  },
  {
    "path": "constants/index.js",
    "content": "import nowTheme from './Theme';\nimport articles from './articles';\nimport Images from './Images';\nimport tabs from './tabs';\nimport utils from './utils';\n\nexport { articles, nowTheme, Images, tabs, utils };\n"
  },
  {
    "path": "constants/tabs.js",
    "content": "export default tabs = {\n  beauty: [\n    { id: 'popular', title: 'Popular' },\n    { id: 'beauty', title: 'Beauty' },\n    { id: 'fashion', title: 'Fashion' },\n    { id: 'clothes', title: 'Clothes'}\n  ],\n  fashion: [\n    { id: 'shoes', title: 'Shoes', },\n    { id: 'beauty', title: 'Beauty', },\n    { id: 'fashion', title: 'Fashion', },\n    { id: 'places', title: 'Places', }\n  ],\n}\n"
  },
  {
    "path": "constants/utils.js",
    "content": "import { Platform, StatusBar } from 'react-native';\nimport { theme } from 'galio-framework';\n\nexport const StatusHeight = StatusBar.currentHeight;\nexport const HeaderHeight = theme.SIZES.BASE * 3.5 + (StatusHeight || 0);\nexport const iPhoneX = () => Platform.OS === 'ios' && (height === 812 || width === 812);\n"
  },
  {
    "path": "navigation/Menu.js",
    "content": "import { Block, Text, theme } from 'galio-framework';\nimport { Dimensions, Image, Linking, ScrollView, StyleSheet, TouchableOpacity } from 'react-native';\nimport { DrawerItem as DrawerCustomItem, Icon } from '../components';\n\nimport Images from '../constants/Images';\nimport React from 'react';\nimport nowTheme from '../constants/Theme';\nimport { useSafeArea } from 'react-native-safe-area-context';\n\nconst { width } = Dimensions.get('screen');\n\nfunction CustomDrawerContent({ drawerPosition, navigation, profile, focused, state, ...rest }) {\n  const insets = useSafeArea();\n  const screens = ['Home', 'Components', 'Articles', 'Profile', 'Account'];\n  return (\n    <Block style={styles.container} forceInset={{ top: 'always', horizontal: 'never' }}>\n      <Block style={styles.header}>\n        <Image style={styles.logo} source={Images.Logo} />\n        <Block right style={styles.headerIcon}>\n          <Icon name=\"align-left-22x\" family=\"NowExtra\" size={15} color={'black'} />\n        </Block>\n      </Block>\n      <Block flex style={{ paddingLeft: 8, paddingRight: 14 }}>\n        <ScrollView style={{ flex: 1 }} showsVerticalScrollIndicator={false}>\n          {screens.map((item, index) => {\n            return (\n              <DrawerCustomItem\n                title={item}\n                key={index}\n                navigation={navigation}\n                focused={state.index === index ? true : false}\n              />\n            );\n          })}\n          <Block flex style={{ marginTop: 24, marginVertical: 8, paddingHorizontal: 8 }}>\n            <Block\n              style={{\n                borderColor: 'black',\n                width: '93%',\n                borderWidth: StyleSheet.hairlineWidth,\n                marginHorizontal: 10,\n              }}\n            />\n            <Text\n              color={nowTheme.COLORS.BLACK}\n              style={{\n                marginTop: 30,\n                marginLeft: 20,\n                marginBottom: 10,\n                fontFamily: 'montserrat-regular',\n                fontWeight: '300',\n                fontSize: 12,\n              }}\n            >\n              DOCUMENTATION\n            </Text>\n          </Block>\n          <DrawerCustomItem title=\"GETTING STARTED\" navigation={navigation} />\n          <DrawerCustomItem title=\"LOGOUT\" navigation={navigation} />\n        </ScrollView>\n      </Block>\n    </Block>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  header: {\n    paddingHorizontal: 28,\n    paddingBottom: theme.SIZES.BASE,\n    paddingTop: theme.SIZES.BASE * 3,\n    justifyContent: 'center',\n  },\n  headerIcon: {\n    marginTop: -20,\n  },\n  logo: {\n    height: 40,\n    width: 37,\n    tintColor: 'black',\n  },\n});\n\nexport default CustomDrawerContent;\n"
  },
  {
    "path": "navigation/Screens.js",
    "content": "import { Animated, Dimensions, Easing } from 'react-native';\n// header for screens\nimport { Header, Icon } from '../components';\nimport { nowTheme, tabs } from '../constants';\n\nimport Articles from '../screens/Articles';\nimport { Block } from 'galio-framework';\nimport Components from '../screens/Components';\n// drawer\nimport CustomDrawerContent from './Menu';\n// screens\nimport Home from '../screens/Home';\nimport Onboarding from '../screens/Onboarding';\nimport Pro from '../screens/Pro';\nimport Profile from '../screens/Profile';\nimport React from 'react';\nimport Register from '../screens/Register';\nimport SettingsScreen from '../screens/Settings';\nimport { createBottomTabNavigator } from '@react-navigation/bottom-tabs';\nimport { createDrawerNavigator } from '@react-navigation/drawer';\nimport { createStackNavigator } from '@react-navigation/stack';\n\nconst { width } = Dimensions.get('screen');\n\nconst Stack = createStackNavigator();\nconst Drawer = createDrawerNavigator();\n\nfunction ComponentsStack(props) {\n  return (\n    <Stack.Navigator\n      initialRouteName=\"Components\"\n      screenOptions={{\n        mode: 'card',\n        headerShown: 'screen',\n      }}\n    >\n      <Stack.Screen\n        name=\"Components\"\n        component={Components}\n        options={{\n          header: ({ navigation, scene }) => (\n            <Header title=\"Components\" navigation={navigation} scene={scene} />\n          ),\n          backgroundColor: '#FFFFFF',\n        }}\n      />\n    </Stack.Navigator>\n  );\n}\n\nfunction ArticlesStack(props) {\n  return (\n    <Stack.Navigator\n      initialRouteName=\"Articles\"\n      screenOptions={{\n        mode: 'card',\n        headerShown: 'screen',\n      }}\n    >\n      <Stack.Screen\n        name=\"Articles\"\n        component={Articles}\n        options={{\n          header: ({ navigation, scene }) => (\n            <Header title=\"Articles\" navigation={navigation} scene={scene} />\n          ),\n          backgroundColor: '#FFFFFF',\n        }}\n      />\n    </Stack.Navigator>\n  );\n}\n\nfunction AccountStack(props) {\n  return (\n    <Stack.Navigator\n      initialRouteName=\"Account\"\n      screenOptions={{\n        mode: 'card',\n        headerShown: 'screen',\n      }}\n    >\n      <Stack.Screen\n        name=\"Account\"\n        component={Register}\n        options={{\n          header: ({ navigation, scene }) => (\n            <Header transparent title=\"Create Account\" navigation={navigation} scene={scene} />\n          ),\n          headerTransparent: true,\n        }}\n      />\n    </Stack.Navigator>\n  );\n}\n\nfunction ProfileStack(props) {\n  return (\n    <Stack.Navigator\n      initialRouteName=\"Profile\"\n      screenOptions={{\n        mode: 'card',\n        headerShown: 'screen',\n      }}\n    >\n      <Stack.Screen\n        name=\"Profile\"\n        component={Profile}\n        options={{\n          header: ({ navigation, scene }) => (\n            <Header transparent white title=\"Profile\" navigation={navigation} scene={scene} />\n          ),\n          cardStyle: { backgroundColor: '#FFFFFF' },\n          headerTransparent: true,\n        }}\n      />\n      <Stack.Screen\n        name=\"Pro\"\n        component={Pro}\n        options={{\n          header: ({ navigation, scene }) => (\n            <Header title=\"\" back white transparent navigation={navigation} scene={scene} />\n          ),\n          headerTransparent: true,\n        }}\n      />\n    </Stack.Navigator>\n  );\n}\n\nfunction HomeStack(props) {\n  return (\n    <Stack.Navigator\n      screenOptions={{\n        mode: 'card',\n        headerShown: 'screen',\n      }}\n    >\n      <Stack.Screen\n        name=\"Home\"\n        component={Home}\n        options={{\n          header: ({ navigation, scene }) => (\n            <Header title=\"Home\" search options navigation={navigation} scene={scene} />\n          ),\n          cardStyle: { backgroundColor: '#FFFFFF' },\n        }}\n      />\n      <Stack.Screen\n        name=\"Pro\"\n        component={Pro}\n        options={{\n          header: ({ navigation, scene }) => (\n            <Header title=\"\" back white transparent navigation={navigation} scene={scene} />\n          ),\n          headerTransparent: true,\n        }}\n      />\n    </Stack.Navigator>\n  );\n}\n\nfunction AppStack(props) {\n  return (\n    <Drawer.Navigator\n      style={{ flex: 1 }}\n      drawerContent={(props) => <CustomDrawerContent {...props} />}\n      drawerStyle={{\n        backgroundColor: nowTheme.COLORS.PRIMARY,\n        width: width * 0.8,\n      }}\n      drawerContentOptions={{\n        activeTintcolor: nowTheme.COLORS.WHITE,\n        inactiveTintColor: nowTheme.COLORS.WHITE,\n        activeBackgroundColor: 'transparent',\n        itemStyle: {\n          width: width * 0.75,\n          backgroundColor: 'transparent',\n          paddingVertical: 16,\n          paddingHorizonal: 12,\n          justifyContent: 'center',\n          alignContent: 'center',\n          alignItems: 'center',\n          overflow: 'hidden',\n        },\n        labelStyle: {\n          fontSize: 18,\n          marginLeft: 12,\n          fontWeight: 'normal',\n        },\n      }}\n      initialRouteName=\"Home\"\n    >\n      <Drawer.Screen\n        name=\"Home\"\n        component={HomeStack}\n        options={{\n          headerShown: false,\n        }}\n      />\n      <Drawer.Screen\n        name=\"Components\"\n        component={ComponentsStack}\n        options={{\n          headerShown: false,\n        }}\n      />\n      <Drawer.Screen\n        name=\"Articles\"\n        component={ArticlesStack}\n        options={{\n          headerShown: false,\n        }}\n      />\n      <Drawer.Screen\n        name=\"Profile\"\n        component={ProfileStack}\n        options={{\n          headerShown: false,\n        }}\n      />\n      <Drawer.Screen\n        name=\"Account\"\n        component={AccountStack}\n        options={{\n          headerShown: false,\n        }}\n      />\n    </Drawer.Navigator>\n  );\n}\n\nexport default function OnboardingStack(props) {\n  return (\n    <Stack.Navigator\n      screenOptions={{\n        mode: 'card',\n        headerShown: false,\n      }}\n    >\n      <Stack.Screen\n        name=\"Onboarding\"\n        component={Onboarding}\n        option={{\n          headerTransparent: true,\n        }}\n      />\n      <Stack.Screen name=\"App\" component={AppStack} />\n    </Stack.Navigator>\n  );\n}\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"now-ui-react-native\",\n  \"version\": \"1.5.0\",\n  \"description\": \"Now UI React Native, based on Now UI Design System. Coded by Creative Tim\",\n  \"main\": \"node_modules/expo/AppEntry.js\",\n  \"scripts\": {\n    \"start\": \"expo start\",\n    \"android\": \"expo start --android\",\n    \"ios\": \"expo start --ios\",\n    \"eject\": \"expo eject\",\n    \"lint\": \"eslint *.js **/*.js\"\n  },\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"git+https://github.com/creativetimofficial/now-ui-react-native.git\"\n  },\n  \"dependencies\": {\n    \"@react-native-masked-view/masked-view\": \"0.2.6\",\n    \"@react-navigation/bottom-tabs\": \"6.3.1\",\n    \"@react-navigation/compat\": \"5.1.25\",\n    \"@react-navigation/drawer\": \"6.4.1\",\n    \"@react-navigation/native\": \"6.0.10\",\n    \"@react-navigation/stack\": \"6.2.1\",\n    \"expo\": \"45.0.0\",\n    \"expo-app-loading\": \"2.0.0\",\n    \"expo-asset\": \"8.5.0\",\n    \"expo-font\": \"10.1.0\",\n    \"expo-modules-core\": \"0.9.2\",\n    \"galio-framework\": \"0.8.0\",\n    \"prop-types\": \"15.7.2\",\n    \"react\": \"17.0.2\",\n    \"react-native\": \"0.68.2\",\n    \"react-native-gesture-handler\": \"2.2.1\",\n    \"react-native-modal-dropdown\": \"git+https://github.com/siemiatj/react-native-modal-dropdown.git\",\n    \"react-native-reanimated\": \"2.8.0\",\n    \"react-native-safe-area-context\": \"4.2.4\",\n    \"react-native-screens\": \"3.11.1\",\n    \"react-native-svg\": \"12.3.0\"\n  },\n  \"devDependencies\": {\n    \"babel-eslint\": \"10.0.3\",\n    \"babel-preset-expo\": \"9.1.0\"\n  },\n  \"keywords\": [\n    \"now react native\",\n    \"now design system\",\n    \"now app react native\",\n    \"now iOS\",\n    \"react native iOS\",\n    \"creative tim\",\n    \"now Android\",\n    \"react native ui kit\",\n    \"react native expo\",\n    \"freebie\",\n    \"react native now design\",\n    \"react native galio\",\n    \"galio now pro\",\n    \"galio react native free app\",\n    \"now expo react native\",\n    \"react native ui template\"\n  ],\n  \"author\": \"Creative Tim <hello@creative-tim.com> (https://www.creative-tim.com/)\",\n  \"bugs\": {\n    \"url\": \"https://github.com/creativetimofficial/now-ui-react-native/issues\"\n  },\n  \"homepage\": \"https://demos.creative-tim.com/now-ui-react-native\"\n}\n"
  },
  {
    "path": "screens/Articles.js",
    "content": "import React from 'react';\nimport { ScrollView, StyleSheet } from 'react-native';\n//galio\nimport { Block, Text, theme } from 'galio-framework';\n\nimport { articles, nowTheme } from '../constants/';\nimport { Card } from '../components/';\n\nclass Articles extends React.Component {\n  renderCards = () => {\n    return (\n      <Block style={styles.container}>\n      <Text size={16} style={styles.title}>\n        Cards\n      </Text>\n        <Card item={articles[0]} horizontal />\n        <Block flex row>\n          <Card item={articles[1]} style={{ marginRight: theme.SIZES.BASE }} />\n          <Card item={articles[2]} />\n        </Block>\n        <Card item={articles[3]} horizontal />\n        <Card item={articles[4]} full />\n      </Block>\n    );\n  };\n\n  render() {\n    return (\n      <Block flex>\n        <ScrollView showsVerticalScrollIndicator={false}>{this.renderCards()}</ScrollView>\n      </Block>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    paddingHorizontal: theme.SIZES.BASE\n  },\n  title: {\n    fontFamily: 'montserrat-bold',\n    paddingBottom: theme.SIZES.BASE,\n    marginTop: 44,\n    color: nowTheme.COLORS.HEADER\n  }\n});\n\nexport default Articles;\n"
  },
  {
    "path": "screens/Components.js",
    "content": "import React from 'react';\nimport {\n  ScrollView,\n  StyleSheet,\n  Dimensions,\n  TouchableOpacity,\n  Image,\n  Animated,\n  ImageBackground\n} from 'react-native';\n\nimport Articles from '../screens/Articles';\n// Galio components\nimport { Block, Text, Button as GaButton, theme } from 'galio-framework';\n\n// Now UI themed components\nimport { Images, nowTheme, articles, tabs } from '../constants';\nimport { Button, Select, Icon, Input, Header, Switch } from '../components';\n\nimport Img from '../components/Img';\nimport { Card } from '../components';\n\n\nconst { width } = Dimensions.get('screen');\n\nconst thumbMeasure = (width - 48 - 32) / 3;\n\nclass Components extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      checkSelected: [],\n      'switch-1': true,\n      'switch-2': false,\n    };\n  }\n\n\n\n  toggleSwitch = switchId => this.setState({ [switchId]: !this.state[switchId] });\n\n  renderButtons = () => {\n    return (\n      <Block flex>\n        <Text size={16} style={styles.title}>\n          Buttons\n        </Text>\n        <Block style={{ paddingHorizontal: theme.SIZES.BASE }}>\n          <Block center>\n            <Button\n              textStyle={{ fontFamily: 'montserrat-regular', fontSize: 12 }}\n              color=\"default\"\n              style={styles.button}\n            >\n              DEFAULT\n            </Button>\n          </Block>\n          <Block center>\n            <Button textStyle={{ fontFamily: 'montserrat-regular', fontSize: 12 }}\n              style={styles.button}\n            >\n              PRIMARY\n            </Button>\n          </Block>\n          <Block center>\n            <Button\n              color=\"info\"\n              textStyle={{ fontFamily: 'montserrat-regular', fontSize: 12 }}\n              style={styles.button}\n            >\n              INFO\n            </Button>\n          </Block>\n\n\n          <Block center>\n            <Button\n              textStyle={{ fontFamily: 'montserrat-regular', fontSize: 12 }}\n              color=\"success\"\n              style={styles.button}\n            >\n              SUCCESS\n            </Button>\n          </Block>\n          <Block center>\n            <Button\n              textStyle={{ fontFamily: 'montserrat-regular', fontSize: 12 }}\n              color=\"warning\"\n              style={styles.button}\n            >\n              WARNING\n            </Button>\n          </Block>\n          <Block center>\n            <Button\n              textStyle={{ fontFamily: 'montserrat-regular', fontSize: 12 }}\n              color=\"error\"\n              style={styles.button}\n            >\n              ERROR\n            </Button>\n          </Block>\n          <Block center>\n            <Button\n              textStyle={{ fontFamily: 'montserrat-regular', color: nowTheme.COLORS.PRIMARY, fontSize: 12 }}\n              color=\"neutral\"\n              style={styles.button}\n            >\n              NEUTRAL\n            </Button>\n          </Block>\n          <Block row space=\"between\">\n            <Block flex left style={{marginTop: 8}}>\n              <Select defaultIndex={1} options={['01', '02', '03', '04', '05']} />\n            </Block>\n            <Block flex>\n              <Button\n                textStyle={{ fontFamily: 'montserrat-regular', fontSize: 10 }}\n                small\n                center\n                color=\"default\"\n                style={styles.optionsButton}\n              >\n                DELETE\n              </Button>\n            </Block>\n            <Block flex right>\n              <Button\n                textStyle={{ fontFamily: 'montserrat-regular', fontSize: 10 }}\n                center\n                color=\"default\"\n                style={styles.optionsButton}\n              >\n                SAVE FOR LATER\n              </Button>\n            </Block>\n          </Block>\n        </Block>\n      </Block>\n    );\n  };\n\n  renderText = () => {\n    return (\n      <Block flex style={styles.group}>\n        <Text size={16} style={styles.title}>\n          Typography\n        </Text>\n        <Block style={{ paddingHorizontal: theme.SIZES.BASE }}>\n          <Text\n            h1\n            style={{\n              fontFamily: 'montserrat-regular',\n              marginBottom: theme.SIZES.BASE / 2\n            }}\n            color={nowTheme.COLORS.HEADER}\n          >\n            Heading 1\n          </Text>\n          <Text\n            h2\n            style={{\n              fontFamily: 'montserrat-regular',\n              marginBottom: theme.SIZES.BASE / 2\n            }}\n            color={nowTheme.COLORS.HEADER}\n          >\n            Heading 2\n          </Text>\n          <Text\n            h3\n            style={{\n              fontFamily: 'montserrat-regular',\n              marginBottom: theme.SIZES.BASE / 2\n            }}\n            color={nowTheme.COLORS.HEADER}\n          >\n            Heading 3\n          </Text>\n          <Text\n            h4\n            style={{\n              fontFamily: 'montserrat-regular',\n              marginBottom: theme.SIZES.BASE / 2\n            }}\n            color={nowTheme.COLORS.HEADER}\n          >\n            Heading 4\n          </Text>\n          <Text\n            h5\n            style={{\n              fontFamily: 'montserrat-regular',\n              marginBottom: theme.SIZES.BASE / 2\n            }}\n            color={nowTheme.COLORS.HEADER}\n          >\n            Heading 5\n          </Text>\n          <Text\n            p\n            style={{\n              fontFamily: 'montserrat-regular',\n              marginBottom: theme.SIZES.BASE / 2\n            }}\n            color={nowTheme.COLORS.HEADER}\n          >\n            Paragraph\n          </Text>\n          <Text style={{ fontFamily: 'montserrat-regular' }} muted>\n            This is a muted paragraph.\n          </Text>\n        </Block>\n      </Block>\n    );\n  };\n  renderImages = () => {\n    return (\n      <Block flex style={styles.group}>\n        <Text size={16} style={styles.title}>\n          Images\n        </Text>\n        <Block style={{ paddingHorizontal: theme.SIZES.BASE }}>\n          <Block middle row>\n            <Img type=\"raised\"></Img>\n          </Block>\n          <Block middle row>\n            <Img type=\"circle\" />\n          </Block>\n        </Block>\n      </Block>\n    );\n  };\n\n\n\n  renderInputs = () => {\n    return (\n      <Block flex style={styles.group}>\n        <Text size={16} style={styles.title}>\n          Inputs\n        </Text>\n        <Block style={{ paddingHorizontal: theme.SIZES.BASE }}>\n          <Input\n            primary={this.state.primaryFocus}\n            right\n            placeholder=\"Regular\"\n            onFocus = {() => this.setState({primaryFocus: true})}\n            onBlur = {() => this.setState({primaryFocus: false})}\n            iconContent={<Block />}\n            shadowless\n          />\n        </Block>\n        <Block style={{ paddingHorizontal: theme.SIZES.BASE }}>\n          <Input\n            success={this.state.successFocus}\n            right\n            shadowless\n            placeholder=\"Success\"\n            onFocus = {() => this.setState({successFocus: true})}\n            onBlur = {() => this.setState({successFocus: false})}\n            iconContent={\n              <Icon size={11} color={nowTheme.COLORS.SUCCESS} name=\"check-22x\" family=\"NowExtra\" />\n            }\n          />\n        </Block>\n        <Block style={{ paddingHorizontal: theme.SIZES.BASE }}>\n          <Input\n            error={this.state.errorFocus}\n            right\n            shadowless\n            placeholder=\"Error Input\"\n            onFocus = {() => this.setState({errorFocus: true})}\n            onBlur = {() => this.setState({errorFocus: false})}\n            iconContent={\n              <Icon\n                size={11}\n                color={nowTheme.COLORS.INPUT_ERROR}\n                name=\"simple-remove2x\"\n                family=\"NowExtra\"\n              />\n            }\n          />\n        </Block>\n        <Block style={{ paddingHorizontal: theme.SIZES.BASE }}>\n          <Input\n            placeholder=\"Left Font Awesome Icon\"\n            shadowless\n            iconContent={\n              <Icon\n                size={11}\n                style={{ marginRight: 10 }}\n                color={nowTheme.COLORS.ICON}\n                name=\"zoom-bold2x\"\n                family=\"NowExtra\"\n              />\n            }\n          />\n        </Block>\n\n        <Block style={{ paddingHorizontal: theme.SIZES.BASE }}>\n          <Input\n            right\n            placeholder=\"Icon Right\"\n            shadowless\n            iconContent={\n              <Icon size={11} color={nowTheme.COLORS.ICON} name=\"single\" family=\"NowExtra\" />\n            }\n          />\n        </Block>\n      </Block>\n    );\n  };\n\n  renderSwitches = () => {\n    return (\n      <Block flex style={styles.group}>\n        <Text size={16} style={styles.title}>\n          Switches\n        </Text>\n        <Block style={{ paddingHorizontal: theme.SIZES.BASE }}>\n          <Block row middle space=\"between\" style={{ marginBottom: theme.SIZES.BASE }}>\n            <Text\n              style={{ fontFamily: 'montserrat-regular' }}\n              size={14}\n              color={nowTheme.COLORS.TEXT}\n            >\n              Switch is ON\n            </Text>\n            <Switch\n              value={this.state['switch-1']}\n              onValueChange={() => this.toggleSwitch('switch-1')}\n            />\n          </Block>\n          <Block row middle space=\"between\">\n            <Text\n              style={{ fontFamily: 'montserrat-regular' }}\n              size={14}\n              color={nowTheme.COLORS.TEXT}\n            >\n              Switch is OFF\n            </Text>\n            <Switch\n              value={this.state['switch-2']}\n              onValueChange={() => this.toggleSwitch('switch-2')}\n            />\n          </Block>\n        </Block>\n      </Block>\n    );\n  };\n\n  renderTableCell = () => {\n    const { navigation } = this.props;\n    return (\n      <Block flex style={styles.group}>\n        <Text size={16} style={styles.title}>\n          Table Cell\n        </Text>\n        <Block style={{ paddingHorizontal: theme.SIZES.BASE }}>\n          <Block style={styles.rows}>\n            <TouchableOpacity onPress={() => navigation.navigate('Pro')}>\n              <Block row middle space=\"between\" style={{ paddingTop: 7 }}>\n                <Text\n                  style={{ fontFamily: 'montserrat-regular' }}\n                  size={14}\n                  color={nowTheme.COLORS.TEXT}\n                >\n                  Manage Options\n                </Text>\n                <Icon name=\"chevron-right\" family=\"entypo\" style={{ paddingRight: 5 }} />\n              </Block>\n            </TouchableOpacity>\n          </Block>\n        </Block>\n      </Block>\n    );\n  };\n\n  renderNavigation = () => {\n    return (\n      <Block flex style={styles.group}>\n        <Text size={16} style={styles.title}>\n          Navigation\n        </Text>\n        <Block>\n          <Block style={{ marginBottom: theme.SIZES.BASE }}>\n            <Header back title=\"Title\" navigation={this.props.navigation} />\n          </Block>\n\n          <Block style={{ marginBottom: theme.SIZES.BASE }}>\n            <Header\n              back\n              title=\"Title\"\n              navigation={this.props.navigation}\n              bgColor={nowTheme.COLORS.ACTIVE}\n              titleColor=\"white\"\n              iconColor=\"white\"\n              white={true}\n            />\n          </Block>\n\n          <Block style={{ marginBottom: theme.SIZES.BASE }}>\n            <Header tabs={tabs.beauty} title=\"Title\" navigation={this.props.navigation} />\n          </Block>\n\n          <Block style={{ marginBottom: theme.SIZES.BASE }}>\n            <Header search title=\"Title\" navigation={this.props.navigation} />\n          </Block>\n\n          <Block style={{ marginBottom: theme.SIZES.BASE }}>\n            <Header\n              options\n              search\n              title=\"Title\"\n              optionLeft=\"Option 1\"\n              optionRight=\"Option 2\"\n              navigation={this.props.navigation}\n            />\n          </Block>\n\n        </Block>\n      </Block>\n    );\n  };\n\n\n  renderSocial = () => {\n    return (\n      <Block flex style={styles.group}>\n        <Text size={16} style={styles.title}>\n          Social\n        </Text>\n        <Block style={{ paddingHorizontal: theme.SIZES.BASE }}>\n          <Block row center space=\"between\">\n            <Block flex middle right>\n              <GaButton\n                round\n                onlyIcon\n                shadowless\n                icon=\"facebook\"\n                iconFamily=\"Font-Awesome\"\n                iconColor={theme.COLORS.WHITE}\n                iconSize={theme.SIZES.BASE * 1.625}\n                color={nowTheme.COLORS.FACEBOOK}\n                style={[styles.social]}\n              />\n            </Block>\n            <Block flex middle center>\n              <GaButton\n                round\n                onlyIcon\n                shadowless\n                icon=\"twitter\"\n                iconFamily=\"Font-Awesome\"\n                iconColor={theme.COLORS.WHITE}\n                iconSize={theme.SIZES.BASE * 1.625}\n                color={nowTheme.COLORS.TWITTER}\n                style={[styles.social]}\n              />\n            </Block>\n            <Block flex middle left>\n              <GaButton\n                round\n                onlyIcon\n                shadowless\n                icon=\"dribbble\"\n                iconFamily=\"Font-Awesome\"\n                iconColor={theme.COLORS.WHITE}\n                iconSize={theme.SIZES.BASE * 1.625}\n                color={nowTheme.COLORS.DRIBBBLE}\n                style={[styles.social]}\n              />\n            </Block>\n          </Block>\n        </Block>\n      </Block>\n    );\n  };\n\n\n  renderCards = () => {\n    scrollX = new Animated.Value(0);\n    cards = [articles[5], articles[6]]\n    return (\n      <Block flex style={styles.group}>\n\n        <Articles />\n        <Block flex card center shadow style={styles.category}>\n          <ImageBackground\n            source={Images.Products['path']}\n            style={[\n              styles.imageBlock,\n              { width: width - theme.SIZES.BASE * 2, height: 252 }\n            ]}\n            imageStyle={{\n              width: width - theme.SIZES.BASE * 2,\n              height: 252\n            }}\n          >\n            <Block style={styles.categoryTitle}>\n              <Text size={18} bold color={theme.COLORS.WHITE}>\n                View article\n              </Text>\n            </Block>\n          </ImageBackground>\n        </Block>\n        <ScrollView\n          horizontal={true}\n          style={styles.contentContainer}\n          showsHorizontalScrollIndicator={false}\n          showsVerticalScrollIndicator={false}\n          scrollEventThrottle={16}\n          contentContainerStyle={{\n            width: width * 2\n          }}>\n          {cards.map((item, index) => {\n            return <Card key={index} item={item} full titleStyle={styles.productTitle} imageStyle={ { height: 300, width: '100%', resizeMode: 'contain' } }/>\n          })}\n        </ScrollView>\n\n      </Block>\n\n    );\n  };\n  renderAlbums = () => {\n    const { navigation } = this.props;\n\n    return (\n      <Block flex style={[styles.group, { paddingBottom: theme.SIZES.BASE * 5 }]}>\n        <Block style={{ marginHorizontal: theme.SIZES.BASE * 2 }}>\n          <Block row space=\"between\">\n            <Text bold size={16} color=\"#333\" style={{ marginTop: 3 }}>\n              Album\n            </Text>\n            <Button small color=\"transparent\" textStyle={{ color: nowTheme.COLORS.PRIMARY, fontSize: 14 }}>\n              View All\n            </Button>\n          </Block>\n          <Block row space=\"between\" style={{ marginTop: theme.SIZES.BASE, flexWrap: 'wrap' }}>\n            {Images.Viewed.map((img, index) => (\n              <Block key={`viewed-${img}`} style={styles.shadow}>\n                <Image resizeMode=\"cover\" source={img} style={styles.albumThumb} />\n              </Block>\n            ))}\n          </Block>\n        </Block>\n      </Block>\n    );\n  };\n\n  render() {\n    return (\n      <Block flex center>\n        <ScrollView\n          showsVerticalScrollIndicator={false}\n          contentContainerStyle={{ paddingBottom: 30, width }}\n        >\n          {this.renderButtons()}\n          {this.renderText()}\n          {this.renderInputs()}\n          {this.renderSwitches()}\n          {this.renderTableCell()}\n          {this.renderNavigation()}\n          {this.renderSocial()}\n          {this.renderCards()}\n          {this.renderAlbums()}\n        </ScrollView>\n      </Block>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  title: {\n    fontFamily: 'montserrat-bold',\n    paddingBottom: theme.SIZES.BASE,\n    paddingHorizontal: theme.SIZES.BASE * 2,\n    marginTop: 44,\n    color: nowTheme.COLORS.HEADER\n  },\n  social: {\n    width: theme.SIZES.BASE * 3.5,\n    height: theme.SIZES.BASE * 3.5,\n    borderRadius: theme.SIZES.BASE * 1.75,\n    justifyContent: 'center'\n  },\n  group: {\n    paddingTop: theme.SIZES.BASE * 2\n  },\n  shadow: {\n    shadowColor: 'black',\n    shadowOffset: { width: 0, height: 2 },\n    shadowRadius: 4,\n    shadowOpacity: 0.2,\n    elevation: 2\n  },\n  button: {\n    marginBottom: theme.SIZES.BASE,\n    width: width - theme.SIZES.BASE * 2,\n  },\n  optionsButton: {\n    width: 'auto',\n    height: 34,\n    paddingHorizontal: 10,\n    paddingVertical: 10\n  },\n  category: {\n    backgroundColor: theme.COLORS.WHITE,\n    marginVertical: theme.SIZES.BASE / 2,\n    borderWidth: 0\n  },\n  categoryTitle: {\n    height: '100%',\n    paddingHorizontal: theme.SIZES.BASE,\n    backgroundColor: 'rgba(0, 0, 0, 0.5)',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  imageBlock: {\n    overflow: 'hidden',\n    borderRadius: 4,\n    marginHorizontal: 10\n  },\n  albumThumb: {\n    borderRadius: 4,\n    marginVertical: 4,\n    alignSelf: 'center',\n    width: thumbMeasure,\n    height: thumbMeasure\n  },\n  productTitle: {\n    color: nowTheme.COLORS.PRIMARY,\n    textAlign: 'center',\n    fontFamily: 'montserrat-bold',\n    fontSize: 18\n  }\n});\n\nexport default Components;\n"
  },
  {
    "path": "screens/Home.js",
    "content": "import React from \"react\";\nimport { StyleSheet, Dimensions, ScrollView } from \"react-native\";\nimport { Block, theme, Text } from \"galio-framework\";\n\nimport { Card, Button } from \"../components\";\nimport articles from \"../constants/articles\";\nconst { width } = Dimensions.get(\"screen\");\n\nclass Home extends React.Component {\n  renderArticles = () => {\n    return (\n      <ScrollView\n        showsVerticalScrollIndicator={false}\n        contentContainerStyle={styles.articles}\n      >\n        <Block flex>\n        <Card item={articles[0]} horizontal />\n          <Block flex row>\n            <Card\n              item={articles[1]}\n              style={{ marginRight: theme.SIZES.BASE }}\n            />\n            <Card item={articles[2]} />\n          </Block>\n          <Card item={articles[3]} horizontal />\n          <Card item={articles[4]} full />\n        </Block>\n      </ScrollView>\n    );\n  };\n\n  render() {\n    return (\n      <Block flex center style={styles.home}>\n        {this.renderArticles()}\n      </Block>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  home: {\n    width: width\n  },\n  articles: {\n    width: width - theme.SIZES.BASE * 2,\n    paddingVertical: theme.SIZES.BASE,\n    paddingHorizontal: 2,\n    fontFamily: 'montserrat-regular'\n\n  }\n});\n\nexport default Home;\n"
  },
  {
    "path": "screens/Onboarding.js",
    "content": "import React from 'react';\nimport { ImageBackground, Image, StyleSheet, StatusBar, Dimensions, Platform } from 'react-native';\nimport { Block, Button, Text, theme } from 'galio-framework';\n\nconst { height, width } = Dimensions.get('screen');\nimport { Images, nowTheme } from '../constants/';\nimport { HeaderHeight } from '../constants/utils';\n\nexport default class Onboarding extends React.Component {\n  render() {\n    const { navigation } = this.props;\n\n    return (\n      <Block flex style={styles.container}>\n        <StatusBar barStyle=\"light-content\" />\n        <Block flex>\n          <ImageBackground\n            source={Images.Onboarding}\n            style={{ flex: 1, height: height, width, zIndex: 1 }}\n          />\n          <Block space=\"between\" style={styles.padded}>\n            <Block>\n              <Block middle>\n                <Image source={Images.NowLogo} style={{ width: 115, height: 124, bottom: 200, position: 'absolute' }} />\n              </Block>\n              <Block>\n                <Block middle>\n                  <Text\n                    style={{\n                      fontFamily: 'montserrat-regular', bottom: 50, position: 'absolute', letterSpacing: 2, paddingHorizontal: 20, textAlign: 'center'\n                    }}\n                    color=\"white\"\n                    size={44}\n                  >\n                    Now UI\n                    React Native\n                  </Text>\n                </Block>\n              </Block>\n              <Block middle row>\n                <Text\n                  color=\"white\"\n                  size={16}\n                  style={{ fontFamily: 'montserrat-regular' }}\n                >\n                  Designed by\n                </Text>\n                <Image\n                  source={Images.InvisionLogo}\n                  style={{\n                    height: 28,\n                    width: 91,\n                    marginLeft: theme.SIZES.BASE\n                  }}\n                />\n              </Block>\n              <Block middle row style={{ marginTop: 15, marginBottom: 30}}>\n                <Text\n                  color=\"white\"\n                  size={16}\n                  style={{ fontFamily: 'montserrat-regular' }}\n                >\n                  Coded by\n                </Text>\n                <Image\n                  source={Images.CreativeTimLogo}\n                  style={{\n                    height: 29,\n                    width: 129,\n                    marginLeft: theme.SIZES.BASE\n                  }}\n                />\n              </Block>\n\n              <Block\n                row\n                style={{\n                  marginTop: theme.SIZES.BASE * 2.5,\n                  marginBottom: theme.SIZES.BASE * 2\n                }}\n              >\n                <Button\n                  shadowless\n                  style={styles.button}\n                  color={nowTheme.COLORS.PRIMARY}\n                  onPress={() => navigation.navigate('App')}\n                >\n                  <Text\n                    style={{ fontFamily: 'montserrat-bold', fontSize: 14 }}\n                    color={theme.COLORS.WHITE}\n                  >\n                    GET STARTED\n                  </Text>\n                </Button>\n              </Block>\n            </Block>\n          </Block>\n        </Block>\n      </Block>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: theme.COLORS.BLACK,\n    marginTop: Platform.OS === 'android' ? -HeaderHeight : 0\n  },\n  padded: {\n    paddingHorizontal: theme.SIZES.BASE * 2,\n    zIndex: 3,\n    position: 'absolute',\n    bottom: Platform.OS === 'android' ? theme.SIZES.BASE * 2 : theme.SIZES.BASE * 3\n  },\n  button: {\n    width: width - theme.SIZES.BASE * 4,\n    height: theme.SIZES.BASE * 3,\n    shadowRadius: 0,\n    shadowOpacity: 0\n  },\n\n  gradient: {\n    zIndex: 1,\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    height: 66\n  }\n});\n"
  },
  {
    "path": "screens/Pro.js",
    "content": "import React from \"react\";\nimport {\n  ImageBackground,\n  Image,\n  StyleSheet,\n  StatusBar,\n  Dimensions\n} from \"react-native\";\nimport { Block, Button, Text, theme } from \"galio-framework\";\n\nconst { height, width } = Dimensions.get(\"screen\");\n\nimport nowTheme from \"../constants/Theme\";\nimport Images from \"../constants/Images\";\n\nclass Pro extends React.Component {\n  render() {\n    const { navigation } = this.props;\n\n    return (\n      <Block flex style={styles.container}>\n        <StatusBar hidden />\n        <Block flex center>\n          <ImageBackground\n            source={Images.Pro}\n            style={{ height, width, zIndex: 1 }}\n          />\n        </Block>\n\n        <Block flex space=\"between\" style={styles.padded}>\n\n          <Block middle row style={{ marginTop: -50, marginBottom: 30}}>\n            <Text\n              color=\"white\"\n              size={16}\n              style={{ fontFamily: 'montserrat-regular' }}\n            >\n              Coded by\n            </Text>\n            <Image\n              source={Images.CreativeTimLogo}\n              style={{\n                height: 29,\n                width: 129,\n                marginLeft: theme.SIZES.BASE\n              }}\n            />\n          </Block>\n\n          <Block middle flex space=\"around\" style={{ zIndex: 2 }}>\n            <Block center style={styles.title}>\n              <Block>\n                <Text color=\"white\" size={60} style={styles.font}>\n                  Now UI\n                </Text>\n              </Block>\n              <Block row>\n                <Text middle color=\"white\" size={34} style={styles.font}>\n                  React Native\n                </Text>\n                <Block middle style={styles.pro}>\n                  <Text size={14} color=\"white\" style={styles.font}>\n                  PRO\n                </Text>\n                </Block>\n              </Block>\n            </Block>\n\n            <Block row middle style={{ marginTop: theme.SIZES.BASE * 4 }}>\n              <Image\n                source={Images.iOSLogo}\n                style={{ height: 38, width: 82, marginRight: theme.SIZES.BASE * 1.5 }} />\n              <Image\n                source={Images.androidLogo}\n                style={{ height: 38, width: 140 }} />\n            </Block>\n\n            <Block center>\n              <Button\n                style={styles.button}\n                color={nowTheme.COLORS.PRIMARY}\n                onPress={() => navigation.navigate(\"Home\")}\n\n              >\n                BUY NOW\n              </Button>\n            </Block>\n          </Block>\n        </Block>\n      </Block>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: theme.COLORS.BLACK\n  },\n  padded: {\n    top: 270,\n    paddingHorizontal: theme.SIZES.BASE * 2,\n    position: 'absolute',\n    bottom: theme.SIZES.BASE,\n    zIndex: 2\n  },\n  button: {\n    width: width - theme.SIZES.BASE * 4,\n    height: theme.SIZES.BASE * 3,\n    shadowRadius: 0,\n    shadowOpacity: 0\n  },\n  title: {\n    marginTop: \"-5%\"\n  },\n  subTitle: {\n    marginTop: 20\n  },\n  pro: {\n    backgroundColor: nowTheme.COLORS.BLACK,\n    paddingHorizontal: 8,\n    marginLeft: 3,\n    borderRadius: 4,\n    height: 22,\n    marginTop: 0\n  },\n  font: {\n    fontFamily: 'montserrat-bold'\n  }\n});\n\nexport default Pro;\n"
  },
  {
    "path": "screens/Profile.js",
    "content": "import React from 'react';\nimport { StyleSheet, Dimensions, ScrollView, Image, ImageBackground, Platform } from 'react-native';\nimport { Block, Text, theme, Button as GaButton } from 'galio-framework';\n\nimport { Button } from '../components';\nimport { Images, nowTheme } from '../constants';\nimport { HeaderHeight } from '../constants/utils';\n\nconst { width, height } = Dimensions.get('screen');\n\nconst thumbMeasure = (width - 48 - 32) / 3;\n\nconst Profile = () => {\n  return (\n    <Block style={{\n      flex: 1,\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n    }} >\n      <Block flex={0.6} >\n        <ImageBackground\n          source={Images.ProfileBackground}\n          style={styles.profileContainer}\n          imageStyle={styles.profileBackground}\n        >\n          <Block flex style={styles.profileCard}>\n            <Block style={{ position: 'absolute', width: width, zIndex: 5, paddingHorizontal: 20 }}>\n              <Block middle style={{ top: height * 0.15 }}>\n                <Image source={Images.ProfilePicture} style={styles.avatar} />\n              </Block>\n              <Block style={{ top: height * 0.2 }}>\n                <Block middle >\n                  <Text\n                    style={{\n                      fontFamily: 'montserrat-bold',\n                      marginBottom: theme.SIZES.BASE / 2,\n                      fontWeight: '900',\n                      fontSize: 26\n                    }}\n                    color='#ffffff'\n                    >\n                    Ryan Scheinder\n                  </Text>\n\n                  <Text\n                    size={16}\n                    color=\"white\"\n                    style={{\n                      marginTop: 5,\n                      fontFamily: 'montserrat-bold',\n                      lineHeight: 20,\n                      fontWeight: 'bold',\n                      fontSize: 18,\n                      opacity: .8\n                    }}\n                  >\n                    Photographer\n                  </Text>\n                </Block>\n                <Block style={styles.info}>\n                  <Block row space=\"around\">\n\n                    <Block middle>\n                      <Text\n                        size={18}\n                        color=\"white\"\n                        style={{ marginBottom: 4, fontFamily: 'montserrat-bold' }}\n                      >\n                        2K\n                      </Text>\n                      <Text style={{ fontFamily: 'montserrat-regular' }} size={14} color=\"white\">\n                        Friends\n                      </Text>\n                    </Block>\n\n                    <Block middle>\n                      <Text\n                        color=\"white\"\n                        size={18}\n                        style={{ marginBottom: 4, fontFamily: 'montserrat-bold' }}\n                      >\n                        26\n                      </Text>\n                      <Text style={{ fontFamily: 'montserrat-regular' }} size={14} color=\"white\">\n                        Comments\n                        </Text>\n                    </Block>\n\n                    <Block middle>\n                      <Text\n                        color=\"white\"\n                        size={18}\n                        style={{ marginBottom: 4, fontFamily: 'montserrat-bold' }}\n                      >\n                        48\n                      </Text>\n                      <Text style={{ fontFamily: 'montserrat-regular' }} size={14} color=\"white\">\n                        Bookmarks\n                      </Text>\n                    </Block>\n\n                  </Block>\n                </Block>\n              </Block>\n\n            </Block>\n\n\n            <Block\n              middle\n              row\n              style={{ position: 'absolute', width: width, top: height * 0.6 - 26, zIndex: 99 }}\n            >\n              <Button style={{ width: 114, height: 44, marginHorizontal: 5, elevation: 0 }} textStyle={{ fontSize: 16 }} round>\n                Follow\n              </Button>\n              <GaButton\n                round\n                onlyIcon\n                shadowless\n                icon=\"twitter\"\n                iconFamily=\"Font-Awesome\"\n                iconColor={nowTheme.COLORS.WHITE}\n                iconSize={nowTheme.SIZES.BASE * 1.375}\n                color={'#888888'}\n                style={[styles.social, styles.shadow]}\n              />\n              <GaButton\n                round\n                onlyIcon\n                shadowless\n                icon=\"pinterest\"\n                iconFamily=\"Font-Awesome\"\n                iconColor={nowTheme.COLORS.WHITE}\n                iconSize={nowTheme.SIZES.BASE * 1.375}\n                color={'#888888'}\n                style={[styles.social, styles.shadow]}\n              />\n            </Block>\n          </Block>\n        </ImageBackground>\n\n\n      </Block>\n      <Block />\n      <Block flex={0.4} style={{ padding: theme.SIZES.BASE, marginTop: 90}}>\n        <ScrollView showsVerticalScrollIndicator={false}>\n          <Block flex style={{ marginTop: 20 }}>\n            <Block middle>\n              <Text\n                style={{\n                  color: '#2c2c2c',\n                  fontWeight: 'bold',\n                  fontSize: 19,\n                  fontFamily: 'montserrat-bold',\n                  marginTop: 15,\n                  marginBottom: 30,\n                  zIndex: 2\n                }}\n              >\n                About me\n                  </Text>\n              <Text\n                size={16}\n                muted\n                style={{\n                  textAlign: 'center',\n                  fontFamily: 'montserrat-regular',\n                  zIndex: 2,\n                  lineHeight: 25,\n                  color: '#9A9A9A',\n                  paddingHorizontal: 15\n                }}\n              >\n                An artist of considerable range, named Ryan — the name has taken by Melbourne has raised,\n                Brooklyn-based Nick Murphy — writes, performs and records all of his own music.\n                  </Text>\n            </Block>\n            <Block row style={{ paddingVertical: 14, paddingHorizontal: 15 }} space=\"between\">\n              <Text bold size={16} color=\"#2c2c2c\" style={{ marginTop: 3 }}>\n                Album\n                  </Text>\n              <Button\n                small\n                color=\"transparent\"\n                textStyle={{ color: nowTheme.COLORS.PRIMARY, fontSize: 14 }}\n              >\n                View all\n                  </Button>\n            </Block>\n\n\n            <Block style={{ paddingBottom: -HeaderHeight * 2, paddingHorizontal: 15}}>\n              <Block row space=\"between\" style={{ flexWrap: 'wrap' }}>\n                {Images.Viewed.map((img, imgIndex) => (\n                  <Image\n                    source={img}\n                    key={`viewed-${img}`}\n                    resizeMode=\"cover\"\n                    style={styles.thumb}\n                  />\n                ))}\n              </Block>\n            </Block>\n          </Block>\n        </ScrollView>\n      </Block>\n    </Block>\n\n  )\n}\n\n\n\n\n\nconst styles = StyleSheet.create({\n\n  profileContainer: {\n    width,\n    height,\n    padding: 0,\n    zIndex: 1\n  },\n  profileBackground: {\n    width,\n    height: height * 0.6\n  },\n\n  info: {\n    marginTop: 30,\n    paddingHorizontal: 10,\n    height: height * 0.8\n  },\n  avatarContainer: {\n    position: 'relative',\n    marginTop: -80\n  },\n  avatar: {\n    width: thumbMeasure,\n    height: thumbMeasure,\n    borderRadius: 50,\n    borderWidth: 0\n  },\n  nameInfo: {\n    marginTop: 35\n  },\n  thumb: {\n    borderRadius: 4,\n    marginVertical: 4,\n    alignSelf: 'center',\n    width: thumbMeasure,\n    height: thumbMeasure\n  },\n  social: {\n    width: nowTheme.SIZES.BASE * 3,\n    height: nowTheme.SIZES.BASE * 3,\n    borderRadius: nowTheme.SIZES.BASE * 1.5,\n    justifyContent: 'center',\n    zIndex: 99,\n    marginHorizontal: 5\n  }\n});\n\nexport default Profile;\n"
  },
  {
    "path": "screens/Register.js",
    "content": "import React from 'react';\nimport {\n  StyleSheet,\n  ImageBackground,\n  Dimensions,\n  StatusBar,\n  TouchableWithoutFeedback,\n  Keyboard\n} from 'react-native';\nimport { Block, Checkbox, Text, Button as GaButton, theme } from 'galio-framework';\n\nimport { Button, Icon, Input } from '../components';\nimport { Images, nowTheme } from '../constants';\n\nconst { width, height } = Dimensions.get('screen');\n\nconst DismissKeyboard = ({ children }) => (\n  <TouchableWithoutFeedback onPress={() => Keyboard.dismiss()}>{children}</TouchableWithoutFeedback>\n);\n\nclass Register extends React.Component {\n  render() {\n    return (\n      <DismissKeyboard>\n        <Block flex middle>\n          <ImageBackground\n            source={Images.RegisterBackground}\n            style={styles.imageBackgroundContainer}\n            imageStyle={styles.imageBackground}\n          >\n            <Block flex middle>\n              <Block style={styles.registerContainer}>\n                <Block flex space=\"evenly\">\n                  <Block flex={0.4} middle style={styles.socialConnect}>\n                    <Block flex={0.5} middle>\n                      <Text\n                        style={{\n                          fontFamily: 'montserrat-regular',\n                          textAlign: 'center'\n                        }}\n                        color=\"#333\"\n                        size={24}\n                      >\n                        Register\n                      </Text>\n                    </Block>\n\n                    <Block flex={0.5} row middle space=\"between\" style={{ marginBottom: 18 }}>\n                      <GaButton\n                        round\n                        onlyIcon\n                        shadowless\n                        icon=\"twitter\"\n                        iconFamily=\"Font-Awesome\"\n                        iconColor={theme.COLORS.WHITE}\n                        iconSize={theme.SIZES.BASE * 1.625}\n                        color={nowTheme.COLORS.TWITTER}\n                        style={[styles.social, styles.shadow]}\n                      />\n\n                      <GaButton\n                        round\n                        onlyIcon\n                        shadowless\n                        icon=\"dribbble\"\n                        iconFamily=\"Font-Awesome\"\n                        iconColor={theme.COLORS.WHITE}\n                        iconSize={theme.SIZES.BASE * 1.625}\n                        color={nowTheme.COLORS.DRIBBBLE}\n                        style={[styles.social, styles.shadow]}\n                      />\n                      <GaButton\n                        round\n                        onlyIcon\n                        shadowless\n                        icon=\"facebook\"\n                        iconFamily=\"Font-Awesome\"\n                        iconColor={theme.COLORS.WHITE}\n                        iconSize={theme.SIZES.BASE * 1.625}\n                        color={nowTheme.COLORS.FACEBOOK}\n                        style={[styles.social, styles.shadow]}\n                      />\n                    </Block>\n                  </Block>\n                  <Block flex={0.1} middle>\n                    <Text\n                      style={{\n                        fontFamily: 'montserrat-regular',\n                        textAlign: 'center'\n                      }}\n                      muted\n                      size={16}\n                    >\n                      or be classical\n                    </Text>\n                  </Block>\n                  <Block flex={1} middle space=\"between\">\n                    <Block center flex={0.9}>\n                      <Block flex space=\"between\">\n                        <Block>\n                          <Block width={width * 0.8} style={{ marginBottom: 5 }}>\n                            <Input\n                              placeholder=\"First Name\"\n                              style={styles.inputs}\n                              iconContent={\n                                <Icon\n                                  size={16}\n                                  color=\"#ADB5BD\"\n                                  name=\"profile-circle\"\n                                  family=\"NowExtra\"\n                                  style={styles.inputIcons}\n                                />\n                              }\n                            />\n                          </Block>\n                          <Block width={width * 0.8} style={{ marginBottom: 5 }}>\n                            <Input\n                              placeholder=\"Last Name\"\n                              style={styles.inputs}\n                              iconContent={\n                                <Icon\n                                  size={16}\n                                  color=\"#ADB5BD\"\n                                  name=\"caps-small2x\"\n                                  family=\"NowExtra\"\n                                  style={styles.inputIcons}\n                                />\n                              }\n                            />\n                          </Block>\n                          <Block width={width * 0.8}>\n                            <Input\n                              placeholder=\"Email\"\n                              style={styles.inputs}\n                              iconContent={\n                                <Icon\n                                  size={16}\n                                  color=\"#ADB5BD\"\n                                  name=\"email-852x\"\n                                  family=\"NowExtra\"\n                                  style={styles.inputIcons}\n                                />\n                              }\n                            />\n                          </Block>\n                          <Block\n                            style={{ marginVertical: theme.SIZES.BASE, marginLeft: 15}}\n                            row\n                            width={width * 0.75}\n                          >\n                            <Checkbox\n                              checkboxStyle={{\n                                borderWidth: 1,\n                                borderRadius: 2,\n                                borderColor: '#E3E3E3'\n                              }}\n                              color={nowTheme.COLORS.PRIMARY}\n                              labelStyle={{\n                                color: nowTheme.COLORS.HEADER,\n                                fontFamily: 'montserrat-regular'\n                              }}\n                              label=\"I agree to the terms and conditions.\"\n                            />\n                          </Block>\n                        </Block>\n                        <Block center>\n                          <Button color=\"primary\" round style={styles.createButton}>\n                            <Text\n                              style={{ fontFamily: 'montserrat-bold' }}\n                              size={14}\n                              color={nowTheme.COLORS.WHITE}\n                            >\n                              Get Started\n                            </Text>\n                          </Button>\n                        </Block>\n                      </Block>\n                    </Block>\n                  </Block>\n                </Block>\n              </Block>\n            </Block>\n          </ImageBackground>\n        </Block>\n      </DismissKeyboard>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  imageBackgroundContainer: {\n    width: width,\n    height: height,\n    padding: 0,\n    zIndex: 1\n  },\n  imageBackground: {\n    width: width,\n    height: height\n  },\n  registerContainer: {\n    marginTop: 55,\n    width: width * 0.9,\n    height: height < 812 ? height * 0.8 : height * 0.8,\n    backgroundColor: nowTheme.COLORS.WHITE,\n    borderRadius: 4,\n    shadowColor: nowTheme.COLORS.BLACK,\n    shadowOffset: {\n      width: 0,\n      height: 4\n    },\n    shadowRadius: 8,\n    shadowOpacity: 0.1,\n    elevation: 1,\n    overflow: 'hidden'\n  },\n  socialConnect: {\n    backgroundColor: nowTheme.COLORS.WHITE\n    // borderBottomWidth: StyleSheet.hairlineWidth,\n    // borderColor: \"rgba(136, 152, 170, 0.3)\"\n  },\n  socialButtons: {\n    width: 120,\n    height: 40,\n    backgroundColor: '#fff',\n    shadowColor: nowTheme.COLORS.BLACK,\n    shadowOffset: {\n      width: 0,\n      height: 4\n    },\n    shadowRadius: 8,\n    shadowOpacity: 0.1,\n    elevation: 1\n  },\n  socialTextButtons: {\n    color: nowTheme.COLORS.PRIMARY,\n    fontWeight: '800',\n    fontSize: 14\n  },\n  inputIcons: {\n    marginRight: 12,\n    color: nowTheme.COLORS.ICON_INPUT\n  },\n  inputs: {\n    borderWidth: 1,\n    borderColor: '#E3E3E3',\n    borderRadius: 21.5\n  },\n  passwordCheck: {\n    paddingLeft: 2,\n    paddingTop: 6,\n    paddingBottom: 15\n  },\n  createButton: {\n    width: width * 0.5,\n    marginTop: 25,\n    marginBottom: 40\n  },\n  social: {\n    width: theme.SIZES.BASE * 3.5,\n    height: theme.SIZES.BASE * 3.5,\n    borderRadius: theme.SIZES.BASE * 1.75,\n    justifyContent: 'center',\n    marginHorizontal: 10\n  }\n});\n\nexport default Register;\n"
  },
  {
    "path": "screens/Settings.js",
    "content": "import React from \"react\";\nimport {\n  StyleSheet,\n  FlatList,\n  TouchableOpacity,\n  ScrollView\n} from \"react-native\";\nimport { Block, Text, theme, Icon } from \"galio-framework\";\nimport { Switch } from \"../components\";\n\nimport nowTheme from \"../constants/Theme\";\n\nexport default class Settings extends React.Component {\n  state = {};\n\n  toggleSwitch = switchNumber =>\n    this.setState({ [switchNumber]: !this.state[switchNumber] });\n\n  renderItem = ({ item }) => {\n    const { navigate } = this.props.navigation;\n\n    switch (item.type) {\n      case \"switch\":\n        return (\n          <Block row middle space=\"between\" style={styles.rows}>\n            <Text style={{ fontFamily: 'montserrat-regular' }} size={14} color=\"#525F7F\">{item.title}</Text>\n            <Switch\n              onValueChange={() => this.toggleSwitch(item.id)}\n              value={this.state[item.id]}\n            />\n          </Block>\n        );\n      case \"button\":\n        return (\n          <Block style={styles.rows}>\n            <TouchableOpacity onPress={() => navigate(item.id)}>\n              <Block row middle space=\"between\" style={{ paddingTop: 7 }}>\n                <Text style={{ fontFamily: 'montserrat-regular' }} size={14} color=\"#525F7F\">{item.title}</Text>\n                <Icon\n                  name=\"angle-right\"\n                  family=\"font-awesome\"\n                  style={{ paddingRight: 5 }}\n                />\n              </Block>\n            </TouchableOpacity>\n          </Block>\n        );\n      default:\n        break;\n    }\n  };\n\n  render() {\n    const recommended = [\n      { title: \"Use FaceID to sign in\", id: \"face\", type: \"switch\" },\n      { title: \"Auto-Lock security\", id: \"autolock\", type: \"switch\" },\n      { title: \"Notifications\", id: \"NotificationsSettings\", type: \"button\" }\n    ];\n\n    const payment = [\n      { title: \"Manage Payment Options\", id: \"Payment\", type: \"button\" },\n      { title: \"Manage Gift Cards\", id: \"gift\", type: \"button\" }\n    ];\n\n    const privacy = [\n      { title: \"User Agreement\", id: \"Agreement\", type: \"button\" },\n      { title: \"Privacy\", id: \"Privacy\", type: \"button\" },\n      { title: \"About\", id: \"About\", type: \"button\" }\n    ];\n\n    return (\n      <ScrollView\n        showsVerticalScrollIndicator={false}\n        contentContainerStyle={styles.settings}\n      >\n        <FlatList\n          data={recommended}\n          keyExtractor={(item, index) => item.id}\n          renderItem={this.renderItem}\n          ListHeaderComponent={\n            <Block center style={styles.title}>\n              <Text style={{ fontFamily: 'montserrat-bold', paddingBottom: 5 }} size={theme.SIZES.BASE} color={nowTheme.COLORS.TEXT}>\n                Recommended Settings\n              </Text>\n              <Text style={{ fontFamily: 'montserrat-regular' }} size={12} color={nowTheme.COLORS.CAPTION} color={nowTheme.COLORS.TEXT}>\n                These are the most important settings\n              </Text>\n            </Block>\n          }\n        />\n        <Block center style={styles.title}>\n          <Text style={{ fontFamily: 'montserrat-bold', paddingBottom: 5 }} size={theme.SIZES.BASE} color={nowTheme.COLORS.TEXT}>\n            Payment Settings\n          </Text>\n          <Text style={{ fontFamily: 'montserrat-regular' }} size={12} color={nowTheme.COLORS.CAPTION} color={nowTheme.COLORS.TEXT}>\n            These are also important settings\n          </Text>\n        </Block>\n\n        <FlatList\n          data={payment}\n          keyExtractor={(item, index) => item.id}\n          renderItem={this.renderItem}\n        />\n\n        <Block center style={styles.title}>\n          <Text style={{ fontFamily: 'montserrat-bold', paddingBottom: 5 }} size={theme.SIZES.BASE} color={nowTheme.COLORS.TEXT}>\n            Privacy Settings\n          </Text>\n          <Text style={{ fontFamily: 'montserrat-regular' }} size={12} color={nowTheme.COLORS.CAPTION} color={nowTheme.COLORS.TEXT}>\n            Third most important settings\n          </Text>\n        </Block>\n        <FlatList\n          data={privacy}\n          keyExtractor={(item, index) => item.id}\n          renderItem={this.renderItem}\n        />\n      </ScrollView>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  settings: {\n    paddingVertical: theme.SIZES.BASE / 3\n  },\n  title: {\n    paddingTop: theme.SIZES.BASE,\n    paddingBottom: theme.SIZES.BASE / 2\n  },\n  rows: {\n    height: theme.SIZES.BASE * 2,\n    paddingHorizontal: theme.SIZES.BASE,\n    marginBottom: theme.SIZES.BASE / 2\n  }\n});\n"
  }
]