1import { Box } from "lucide-react";
 2import { type FC } from 'react';
 3import {
 4    Badge,
 5    Label,
 6} from "@marzneshin/components";
 7import {
 8    type InboundType
 9} from '@marzneshin/features/inbounds';
10
11export const InboundCardHeader: FC<{ entity: InboundType }> = ({ entity }) => {
12    return (
13        <div className="flex items-center">
14            <Label className="font-bold capitalize">{entity.tag}</Label>
15        </div>
16    )
17}
18
19export const InboundCardContent: FC<{ entity: InboundType }> = ({ entity }) => {
20    return (
21        <div className="flex justify-between">
22            <div className="hstack items-center">
23                <Box className="p-1" /> {entity.node.name}
24            </div>
25            <Badge>
26                {entity.protocol}
27            </Badge>
28
29        </div>
30    )
31}