James-Bovis

import * as React from 'react'

type UseStopwatch = {
  seconds: number,
  startStopwatch: () => void,
  stopStopwatch: () => void,
  resetStopwatch: () => void
}

const useStopwatch = (): UseStopwatch => {

James-Bovis

<snippet>
  <content><![CDATA[

////////////////////////////////////////////////////////////////////////////////
// ${1:Title}
////////////////////////////////////////////////////////////////////////////////

]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>////</tabTrigger>

James-Bovis

const generateRandomPaceholder = (name: string): string => {
  const placeholders = [
    `For example, ${name} loves a good belly scratch and long walks at twilight on the beach.`,
    `For example, ${name} is a legend and a great dog`,
    `For example, ${name} is the best dog I could have ever wished for`,
    `For example, ${name} makes me so happy my heart hurts`
  ]

  const placeholderText = placeholders[Math.floor(Math.random() * placeholders.length)]

James-Bovis

<picture class="">
  <source srcset="<%= asset_path('.../.../WEBP_ASSET.webp') %>" type="image/webp" />
  <img src="<%= asset_path('../../FALLBACK_ASSET.jpg') %>" type="image/jpg" />
</picture>

James-Bovis

<div class="sticky-footer">
  <a href="#" class="sticky-footer__item sticky-footer__item--active">
    <img src="#" alt="Dashboard Icon">
    Dashboard
  </a>
  <a href="#" class="sticky-footer__item">
    <img src="#" alt="Dashboard Icon">
    My Plan
  </a>
  <a href="#" class="sticky-footer__item">