import Datatable from "@/components/Tables/Datatable";
import Link from "next/link";
import moment from "moment";

function TableSanksi({ listData, to, linkName }) {
	return (
		<Datatable options={{ responsive: true }}>
			<table className="table w-100">
				<thead>
					<tr>
						<th>Nomor Sanksi</th>
						<th>Deskrispsi</th>
						<th>Created</th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					{listData.data.map((data) => {
						return (
							<tr key={data._id}>
								<td>{data._number}</td>
								<td>{data.deskripsi}</td>
								<td>{moment(data.created_at).fromNow()}</td>
								<td>
									<div className="ml-auto">
										<Link href={`${to}/ptId=${data.ptId}&number=${data.number}`}>
											<button class="btn-oval btn btn-primary" size="sm">
												{linkName}
											</button>
										</Link>
									</div>
								</td>
							</tr>
						);
					})}
				</tbody>
			</table>
		</Datatable>
	);
}

export default TableSanksi;