{
  "ternary": {
    "prefix": ["?"],
    "body": ["$1 ? $2 : $3"]
  },
  "oneLineLambda": {
    "prefix": ["f"],
    "body": ["($1) => $0"]
  },
  "multiLineLambda": {
    "prefix": ["ff"],
    "body": ["($1) => {", "  $1", "}"]
  },
  "consoleLog": {
    "prefix": ["log"],
    "body": ["console.log($1)"]
  },
  "import": {
    "prefix": ["imp", "import"],
    "body": ["import $1 from '$2';"]
  },
  "className": {
    "prefix": "cn",
    "body": ["className={$1}"]
  },
  "makeStyles": {
    "prefix": "makeStyles",
    "body": [
      "import { makeStyles } from \"@material-ui/core/styles\";",
      "",
      "const useStyles = makeStyles((theme) => ({",
      "  $1: {",
      "    $0",
      "  },",
      "}));"
    ]
  },
  "useStyles": {
    "prefix": "useStyles",
    "body": ["const classes = useStyles();"]
  },
  "useState": {
    "prefix": "useState",
    "body": ["const [$1, set$2] = useState($3);"]
  },
  "useEffect": {
    "prefix": "useEffect",
    "body": ["useEffect(() => {", "  $1", "}, [$2]);"]
  },
  "useMemo": {
    "prefix": "useMemo",
    "body": ["const $1 = useMemo(() => {", "  $2", "}, [$3]);"]
  },
  "React component": {
    "prefix": ["comp"],
    "body": [
      "function $1(props: ${2:Props}): React.ReactElement {",
      "  $0",
      "}"
    ]
  },
  "Default react component": {
    "prefix": ["newComp"],
    "body": [
      "import * as React from 'react';",
      "",
      "type ${TM_FILENAME_BASE}Props = {}",
      "export default function $TM_FILENAME_BASE(props: ${TM_FILENAME_BASE}Props): React.ReactElement {",
      "  $0",
      "}"
    ]
  }
}