VSCode custom snippet for a memo component

typescriptreact.json

{
	"Functional Memo Component": {
		"prefix": "tsxmemo",
		"body": [
			"import React from 'react'",
			"import { styled } from '~/styles'",
			"",
			"// Types ----------",
			"",
			"interface ComponentProps {}",
			"",
			"// Component ------",
			"",
			"const $0Component: React.FC<ComponentProps> = props => {",
			"\treturn (",
			"\t\t<>",
			"\t\t\t<StyledElement>Example text</StyledElement>",
			"\t\t</>",
			"\t)",
			"}",
			"",
			"// Styles ---------",
			"",
			"const StyledElement = styled.div(",
			"\t({ theme }) => `",
			"\t\tfont-family: ${theme.fontFaces.NHK.bold};",
			"\t`",
			")",
			"",
			"// Export ---------",
			"",
			"export default React.memo(Component)",
			""
		]
	}
}