jsx.test-d.tsx

import { useState } from 'react'

function App() {
  const [count, setCount] = useState(0)

  return (
    <div className="text-center">
      <header className="m-4">
        <p>
          <button
            ma flex absolute
            op30 fw20 p1 m10px
            p="x-4 y-2"
            hover:p="0"
            hover="bg-teal-400 border-teal-400"
            className="*app-border rounded mt-4"
            onClick={() => setCount(count => count + 1)}>
            count is: {count}
          </button>
        </p>
      </header>
    </div>
  )
}

export default App