1
 2import { FC } from "react";
 3import { DataTable } from "@marzneshin/components";
 4import { columns } from "./columns";
 5import { useUsersServiceQuery } from "../../services/service-users.query";
 6import { ServiceType } from "../..";
 7
 8interface ServicesUsersTableProps {
 9    service: ServiceType
10}
11
12export const ServicesUsersTable: FC<ServicesUsersTableProps> = ({ service }) => {
13    const { data } = useUsersServiceQuery(service);
14
15    return (
16        <div>
17            <DataTable
18                columns={columns}
19                data={data}
20                filteredColumn='username'
21            />
22        </div>
23    )
24}