React Component Snippet (dirName)

gistfile1.txt

{
  "New React Component": {
    "scope": "typescriptreact",
    "prefix": "rfc-ui-dir",
    "body": [
      "import React, { ComponentProps } from 'react';",
      "",
      "import { cn } from \"ui-kit\";",
      "",
      "interface ${TM_DIRECTORY/^.+[\\/\\\\]+(.*)$/$1/}Props extends ComponentProps<\"$1\"> {}",
      "",
      "const ${TM_DIRECTORY/^.+[\\/\\\\]+(.*)$/$1/}: React.FC<${TM_DIRECTORY/^.+[\\/\\\\]+(.*)$/$1/}Props> = ({ className, ...props }) => {",
      "  return (",
      "    <$1 className={cn(\"\", className)} {...props}>",
      "      $0",
      "    </$1>",
      "  );",
      "};",
      "",
      "export default ${TM_DIRECTORY/^.+[\\/\\\\]+(.*)$/$1/};"
    ],
    "description": "Creates a new React component with a specified folder name"
  }
}

my component snippet