'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>
  );
}