1import { EntityFieldCard } from '@marzneshin/components';
 2import { ServiceType } from '@marzneshin/features/services';
 3import { ServerIcon, UserIcon } from 'lucide-react';
 4import { FC } from 'react'
 5
 6interface ServiceCardProps {
 7    service: ServiceType
 8}
 9
10
11export const ServiceCard: FC<ServiceCardProps> = (
12    { service }
13) => {
14    return (service.user_ids && service.inbound_ids) && (
15        <EntityFieldCard
16            FirstIcon={UserIcon}
17            SecondIcon={ServerIcon}
18            firstAmount={service.user_ids.length}
19            secondAmount={service.inbound_ids.length}
20            name={service.name}
21        />
22    )
23};