<ProductBadge> Component

    <section>
      <h1>DEPRECATED. Use <a href="/components/badge">Badge</a>.</h1>
      <div style={{display: 'flex', flexWrap: 'wrap', backgroundColor: 'black', padding: '16px'}}>
        <ProductBadge
          productName={'waypoint'}
          appearance={'dark'}
          hasDot={true}
          theme={'secondary'}
        />
      </div>
      <div style={{display: 'flex', flexWrap: 'wrap', backgroundColor: 'white', padding: '16px'}}>
        <ProductBadge
          productName={'waypoint'}
          appearance={'light'}
          hasDot={true}
          theme={'secondary'}
        />
      </div>
    </section>