frontend/src/App.tsx

import { useState } from 'react'

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

  return (
    <div className="flex flex-col items-center justify-center min-h-screen bg-gray-100">
      <div className="card w-96 bg-base-100 shadow-xl">
        <div className="card-body">
          <h2 className="card-title">Flask + React + Docker</h2>
          <p>Simple proof of concept with Flask backend serving a React frontend.</p>
          <div className="card-actions justify-center mt-4">
            <button
              className="btn btn-primary"
              onClick={() => setCount((count: number) => count + 1)}
            >
              Count is {count}
            </button>
          </div>
        </div>
      </div>
    </div>
  )
}

export default App