{

	"tsx-test-filename": {
		"prefix": "tsx-test-filename",
		"body": [
			"${TM_FILENAME_BASE/^(.)|([.-](.))/${1:/upcase}${3:/upcase}/g}",
		],
		"description": "TSX filename"
	},
	"tsx-cc": {
		"prefix": "tsx-class-component",
		"body": [
			"import * as React from 'react'",
			"",
			"export class ${TM_FILENAME_BASE/^(.)|([.-](.))/${1:/upcase}${3:/upcase}/g} extends React.Component {",
			"    render() {",
			"        return (",
			"            <div>${TM_FILENAME_BASE/^(.)|([.-](.))/${1:/upcase}${3:/upcase}/g}</div>",
			"        )",
			"    }",
			"}",
			""
		],
		"description": "TSX class component"
	},
	"tsx-ccp": {
		"prefix": "tsx-class-component-props",
		"body": [
			"import * as React from 'react'",
			"",
			"interface Props {}",
			"",
			"export class ${TM_FILENAME_BASE/^(.)|([.-](.))/${1:/upcase}${3:/upcase}/g} extends React.Component<Props> {",
			"",
			"    static defaultProps = {}",
			"",
			"    render() {",
			"        return (",
			"            <div>${TM_FILENAME_BASE/^(.)|([.-](.))/${1:/upcase}${3:/upcase}/g}</div>",
			"        )",
			"    }",
			"}",
			""
		],
		"description": "TSX class component with props"
	},
	"tsx-ccs": {
		"prefix": "tsx-class-component-props-state",
		"body": [
			"import * as React from 'react'",
			"",
			"interface Props {}",
			"",
			"interface State {}",
			"",
			"export class ${TM_FILENAME_BASE/^(.)|([.-](.))/${1:/upcase}${3:/upcase}/g} extends React.Component<Props, State> {",
			"",
			"    static defaultProps = {}",
			"",
			"    state = {}",
			"",
			"    render() {",
			"        return (",
			"            <div>${TM_FILENAME_BASE/^(.)|([.-](.))/${1:/upcase}${3:/upcase}/g}</div>",
			"        )",
			"    }",
			"}",
			""
		],
		"description": "TSX class component with props and state"
	},
	"tsx-fc": {
		"prefix": "tsx-func-component",
		"body": [
			"import React, { FunctionComponent } from 'react'",
			"",
			"export interface ${TM_FILENAME_BASE/^(.)|([.-](.))/${1:/upcase}${3:/upcase}/g}Props {",
			"    className: ''",
			"}",
			"",
			"export const ${TM_FILENAME_BASE/^(.)|([.-](.))/${1:/upcase}${3:/upcase}/g}: FunctionComponent<${TM_FILENAME_BASE/^(.)|([.-](.))/${1:/upcase}${3:/upcase}/g}Props> = ({",
			"    className = '', ...props",
			"}) => {",
			"",
			"    let _className = '${TM_FILENAME_BASE/^(.)|([.-](.))/${1:/upcase}${3:/upcase}/g}'",
			"",
			"    if (className) {",
			"        _className += ' ' + className",
			"    }",
			"",
			"    return (",
			"        <div className={ _className } { ...props } />",
			"    )",
			"}",
			"",
		],
		"description": "TSX func component"
	},
}