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