{
	// Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
	// Placeholders with the same ids are connected.
	// Example:
	// "Print to console": {
	// 	"scope": "javascript,typescript",
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
  "log": {
		"prefix": "ush",
		"body": [
			"const [${1}, set${1/(.*)/${1:/capitalize}/}] = useState($2);$0"
		],
		"description": "React useState() hook"
	},
  "useState": {
		"prefix": "ush",
		"body": [
			"const [${1}, set${1/(.*)/${1:/capitalize}/}] = useState($2);$0"
		],
		"description": "React useState() hook"
	},
	"useEffect": {
		"prefix": "ueh",
		"body": [
			"useEffect(() => {",
			"\t$1",
			"\n\treturn () => {",
			"\t\t$2",
			"\t}",
			"}, [${3}]);$0"
		],
		"description": "React useEffect() hook"
	},
  "React Functional Component Boilerplate": {
    "prefix": "rfb",
    "body": [
        "import React from \"react\"",
        "import { createUseStyles } from \"react-jss\";",
        "import type { theme } from \"@common/shared-common\";",
        "",
        "const useStyles = createUseStyles<typeof theme>(({}) => ({",
        "",
        "}));",
        "",
        "const ${2:componentName}: React.FC = () => {",
        "  const classes = useStyles();",
        "  return (",
        "    <div>",
        "      ${3}",
        "    </div>",
        "  )",
        "}",
        "",
        "export default memo(${2:componentName});"
    ],
    "description": "React Functional Component Boilerplate"
  },
  "consolelog":{
    "prefix": ["log"],
    "body": ["console.log(\"$1 = \", $1)"],
    "description": ["Shortcut for a descriptive console.log statement"]
  }
}