snippet todo "// TODO"
// TODO $0
endsnippet

snippet if "if ( ... ) { ... }"
if ($1) {
  $0
}
endsnippet

snippet cl; "console.log( ... );"
console.log($0);
endsnippet

snippet cl "console.log( ... )"
console.log($0)
endsnippet

snippet if "if ( ... ) { ... }"
if ($1) {
  $0
}
endsnippet

snippet ifelse "if ( ... ) { ... } else { ... }"
if ($1) {
  $2
} else {
  $0
}
endsnippet

snippet for "for ( ... ) { ... }"
for (let ${1:index} = ${2:0}; $1 $3; $1${4:++}) {
  $0
}
endsnippet

snippet st "setTimeout( ... )"
setTimeout(() => {$0
}, ${1:1000});
endsnippet

snippet jsx "import React ..."
import React from "react"

export default () => (
  <${1:div}>$0</$1>
)
endsnippet

snippet jsxs "import React ... (styled)"
import React from "react"
import styled from "styled-components"

const $1 = styled.${2:div}\`
  $3
\`

export default () => (
  <$1>$0</$1>
)
endsnippet

snippet xc "class ..."
class $1 extends React.component {
  constructor(props) {
    super(props)
    this.setState({$0})
  }

  render() {
    return (
    )
  }
}
endsnippet