{
	// Place your mancala-frontend workspace 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:
	"styled jsx": {
		"scope": "typescriptreact",
		"prefix": "styledjsx",
		"body": [
			"<style jsx>{`",
			"\t$1",
			"`}</style>"
		],
		"description": "Log output to console"
	},
	"React Functional Component": {
		"scope": "typescriptreact",
		"prefix": "rfc",
		"body": [
			"import * as React from 'react';",
			"import { FunctionComponent } from 'react';",
			"",
			"const $TM_FILENAME_BASE: FunctionComponent = () => {",
			"\treturn (",
			"\t\t<div>",
			"\t\t\t$0",
			"\t\t\t<style jsx>{`",
			"\t\t\t\t",
			"\t\t\t`}</style>",
			"\t\t</div>",
			"\t);",
			"}",
			"",
			"export default $TM_FILENAME_BASE;"
		],
		"description": "Log output to console"
	}
}