app/ui/frontend/src/components/MedicationTable.tsx

export default function MedicationTable({ meds }: { meds: Array<Record<string, unknown>> }) {
  return (
    <section className="panel">
      <h3>Medication Table</h3>
      <table>
        <thead>
          <tr>
            <th>Drug</th>
            <th>Dose</th>
            <th>Indication</th>
          </tr>
        </thead>
        <tbody>
          {meds.map((m, idx) => (
            <tr key={idx}>
              <td>{String(m.drug ?? "-")}</td>
              <td>{String(m.dose_bucket ?? "-")}</td>
              <td>{String(m.indication ?? "-")}</td>
            </tr>
          ))}
        </tbody>
      </table>
    </section>
  );
}