My VS Code Snippet for typescript react functional component (based on folder name)

typescriptreact.json

{
  "Alexey's Functional Component": {
    "prefix": ["afc"],
    "body": [
      "import classes from './index.module.scss';",
      "import { FC } from 'react';",
      "",
      "interface I${TM_DIRECTORY/.*\\\\(.*)$/$1/} {",
      "}",
      "",
      "export const ${TM_DIRECTORY/.*\\\\(.*)$/$1/}: FC<I${TM_DIRECTORY/.*\\\\(.*)$/$1/}> = (props) => {",
      "return (",
      "<div className={classes.wrapper}>",
      "${TM_DIRECTORY/.*\\\\(.*)$/$1/}",
      "</div>",
      ");",
      "}"
    ],
    "description": "Functional React Component by Alexey"
  }
}