{
  "Console log": {
    "prefix": "col",
    "body": ["console.log('$1');", "$2"],
    "description": "Log output to console"
  },
  "Create a View element": {
    "prefix": "view",
    "body": ["<View>", "\t$1", "</View>"],
    "description": "Create a View element."
  },
  "Create a View STYLE element": {
    "prefix": "vs",
    "body": ["<View style={styles.$1}>", "\t$2", "</View>"],
    "description": "Create a View  STYLE element."
  },
  "Create a Text STYLE element": {
    "prefix": "ts",
    "body": ["<Text style={styles.$1}>", "\t$2", "</Text>"],
    "description": "Create a Text  STYLE element."
  },
  "Create a TouchableOpacity element": {
    "prefix": "to",
    "body": ["<TouchableOpacity>", "\t$1", "</TouchableOpacity>"],
    "description": "Create a TouchableOpacity element."
  },
  "Create a Text element": {
    "prefix": "text",
    "body": ["<Text>", "\t$1", "</Text>"],
    "description": "Create a Text element."
  },
  "Create a style attribute": {
    "prefix": "stl",
    "body": ["style={styles.$1}"],
    "description": "Creates a style attribute"
  },
  "Create icon": {
    "prefix": "icon",
    "body": ["<Icon name=\"$1\" size={25}/>"],
    "description": "Create an icon"
  },
  "Get all colors": {
    "prefix": "clr",
    "body": ["'#f0b323' '#7c878e' '#131e29' '#0f171f'"],
    "description": "Get all colors to pick"
  },
  "Input": {
    "prefix": "input",
    "body": ["<Input placeholder=\"$1\"/>"]
  },
  "Bred": {
    "prefix": "bred",
    "body": ["borderWidth: 1,", "borderColor: \"red\","]
  },
  "Justify content": {
    "prefix": "jcc",
    "body": "justifyContent: 'center',"
  },
  "Align Items": {
    "prefix": "aic",
    "body": "alignItems: 'center',"
  },
  "Flex Direction": {
    "prefix": "fdr",
    "body": "flexDirection: 'row',"
  },
  "From React Native": {
    "prefix": "frn",
    "body": "import { $1 } from 'react-native'"
  },
  "From Global Components": {
    "prefix": "fgc",
    "body": "import { $1 } from 'am.golf/native/global_components'"
  },
  "ssc": {
    "prefix": "ssc",
    "body": ["import { StyleSheet } from 'react-native';", "", "export default StyleSheet.create({", "\t$1", "});"]
  },
  "_cl": {
    "prefix": "_cl",
    "body": "console.log('$1', $2);"
  },
  "_cll": {
    "prefix": "_cll",
    "body": "console.log('$1', $2);"
  },
  "tss": {
    "prefix": "tss",
    "body": "this.setState({ $1 });"
  },
  "fas": {
    "prefix": "fas",
    "body": "import $1 from 'am.golf/native/assets/images/$2.png'"
  },
  "fim": {
    "prefix": "fim",
    "body": "import $1 from 'am.golf/native/assets/images/$2.png'"
  },
  "la": {
    "prefix": "la",
    "body": "LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);"
  },
  "ffm": {
    "prefix": "ffm",
    "body": "fontFamily: 'MuliExtraBold',"
  },
  "util": {
    "prefix": "util",
    "body": "import * as util from 'ally/service/util';"
  },
  "cls": {
    "prefix": "cls",
    "body": [
      "import React from \"react\";",
      "",
      "export class $1 extends React.Component<any> {",
      "\trender() {",
      "\t\treturn (",
      "\t\t\t<View style={styles.$2}>",
      "\t\t\t\t$3",
      "\t\t\t</View>",
      "\t\t);",
      "\t}",
      "}"
    ]
  },
  "wh": {
    "prefix": "wh",
    "body": ["width: $1,", "height: $2,"]
  }
}