import React from 'react';

export function FormManagerApp() {
  return (
    <div className="app">
      <div className="header"><h1>Form Manager</h1><p>Manage signup and lead capture forms</p></div>
      <div className="form-grid">
        <FormCard title="Newsletter Signup" submissions={1234} rate={12.5} />
        <FormCard title="Contact Us" submissions={567} rate={8.3} />
        <FormCard title="Free Trial" submissions={89} rate={25.1} />
      </div>
    </div>
  );
}

function FormCard({ title, submissions, rate }: any) {
  return <div className="form-card"><h3>{title}</h3><p>{submissions} submissions</p><p>{rate}% conversion rate</p></div>;
}