tesseract/showcases/web-kitchensink-reactnext/src/components/Brand/index.tsx

import * as React from 'react';

export const Brand = () => {
  return (
    <span className="relative font-headings block lowercase leading-none">
      <span className="relative -top-2 text-3xl font-semibold">
        Tesseract
      </span>
      {' '}
      <span className="absolute left-4 top-4 font-semibold">
        Web
      </span>
      {' '}
      <span className="ml-1 font-semibold relative text-lg -top-2">
        <span className="sr-only">(</span>
        React
        <span className="sr-only">)</span>
      </span>
      {' '}
      <span className="absolute right-0 top-4 font-black text-xs">
        v.0.1.0
      </span>
    </span>
  )
};