FC boilerplate

(snippet) FunctionComponent

{
	"Typescript React Function Component": {
    "prefix": "fc",
    "body": [
      "import * as React from 'react'",
      "import { cva, VariantProps } from 'class-variance-authority'",
      "//import { cn } from '../../lib/utils/cn'",
      "",
      "const ${TM_FILENAME_BASE/([^.]+)/${1:/downcase}/g}Variants = cva(",
      "`$1`,",
      "{",
      "  variants: {",
      "    variant: {",
      "      opt1: 'test1',",
      "      opt2: 'test2',",
      "    },",
      "  },",
      "  defaultVariants: {",
      "    variant: 'opt1'",
      "  }",
      " }",
      ")",
      "",
      "interface ${TM_FILENAME_BASE}Props", 
      "extends VariantProps<typeof ${TM_FILENAME_BASE/([^.]+)/${1:/downcase}/g}Variants> {",
      "  $2",
      "}",
      "",
      "const $TM_FILENAME_BASE = React.forwardRef<${TM_FILENAME_BASE}Props>(",
      "({$2}, ref) => {",
      "  return (",
      "   <div>$TM_FILENAME_BASE</div>",
      "  )",
      "})",
      "",
      "${TM_FILENAME_BASE}.displayName = '${TM_FILENAME_BASE}'",
      "",
      "export {$TM_FILENAME_BASE}"
    ],
    "description": "Typescript React Function Component"
  },
}