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({ serviceId: service.id });
14
15    return (
16        <DataTable
17            columns={columns}
18            data={data}
19            filteredColumn='username'
20        />
21    )
22}