35 lines
752 B
TypeScript
35 lines
752 B
TypeScript
"use client";
|
|
import { useState } from "react";
|
|
import styles from "./Page.module.css";
|
|
|
|
interface reportes {
|
|
Servicio: "Plotter";
|
|
Total: "$1440.00";
|
|
}
|
|
|
|
function PorRecibos() {
|
|
const [reportes, SetQuitarSanciones] = useState<reportes[]>([]);
|
|
return (
|
|
<div className={styles.tableContainer}>
|
|
<table className={styles.machineTable}>
|
|
<thead>
|
|
<tr>
|
|
<th>Servicio</th>
|
|
<th>Total</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{reportes.map((reporte, index) => (
|
|
<tr key={index}>
|
|
<td>{reporte.Servicio}</td>
|
|
<td>{reporte.Total}</td>
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default PorRecibos;
|