app.tsx

export const App = () => {
  const [tickets, setTickets] = useState<Ticket[]>([]);

  useEffect(() => {
    fetch('/api/tickets')
      .then(t => t.json())
      .then(setTickets);
  }, []);
  
  return (
    <StyledApp>
      <header className="flex">
        <h1>Welcome to agent!</h1>
      </header>
      <main>
        {tickets.map(t => (
          <p className="ticket flex" key={t.id}>
            {t.title}
          </p>
        ))}

        <section>
          <button>Agent Action</button>
        </section>
      </main>
    </StyledApp>
  );
};

export default App;