Files
road-monitoring-ui/src/app/(modules)/ticket/[ticketId]/components/actions/TicketActionCard.tsx

33 lines
718 B
TypeScript

'use client';
import type { LucideIcon } from 'lucide-react';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { cn } from '@/lib/utils';
interface TicketActionCardProps {
icon: LucideIcon;
iconClassName?: string;
title: string;
children: React.ReactNode;
}
export function TicketActionCard({
icon: Icon,
iconClassName,
title,
children,
}: TicketActionCardProps) {
return (
<Card>
<CardHeader>
<CardTitle className="flex items-center gap-2 text-base">
<Icon className={cn('text-primary', iconClassName)} />
{title}
</CardTitle>
</CardHeader>
<CardContent>{children}</CardContent>
</Card>
);
}