import DT from 'datatables.net-dt'
import DataTable, { type DataTableProps } from 'datatables.net-react'
import React from 'react'
type UiTableProperties = {
title: string
} & DataTableProps
const renderPaginationIcon = (icon: string) => {
return ``
}
export const UiTable: React.FC = ({
data,
columns,
slots,
options,
title,
}) => {
DataTable.use(DT)
return (
{title}
{
thead.classList.add('text-left')
},
paging: true,
searching: false,
ordering: true,
info: false,
language: {
paginate: {
first: renderPaginationIcon(
``,
),
previous: renderPaginationIcon(
``,
),
next: renderPaginationIcon(
``,
),
last: renderPaginationIcon(
``,
),
},
},
...options,
}}
/>
)
}