react-functional-component-ts-folder-name

react-functional-component-ts-folder-name.json

{
	"react-functional-component-ts-folder-name": {
		"prefix": "rfc",
		"body": [
			"import React from 'react';",
			"",
			"interface ${TM_DIRECTORY/.*\\/(.*)$/$1/g}Props {",
			"  ${2:propName}?: string;", // Assuming the prop type is string for demonstration; adjust as necessary.
			"}",
			"",
			"const ${TM_DIRECTORY/.*\\/(.*)$/$1/g}: React.FC<${TM_DIRECTORY/.*\\/(.*)$/$1/g}Props> = ({ ${2:propName} }) => {",
			"  return (",
			"    <></>",
			"  );",
			"};",
			"",
			"export default ${TM_DIRECTORY/.*\\/(.*)$/$1/g};"
		],
		"description": "TypeScript react-functional-component"
	}
}