import React from 'react';
import { LucideIcon } from 'lucide-react';
import { cn } from '@/lib/utils';

interface AccordionTitleProps {
  icon: LucideIcon;
  title: string;
}

export const AccordionTitle: React.FC<AccordionTitleProps> = ({ icon: Icon, title }) => (
  <div className="flex items-center">
    <div className="w-8 h-8 bg-gradient-to-br from-blue-500 to-blue-600 rounded-lg flex items-center justify-center text-white mr-3">
      <Icon className="w-5 h-5" strokeWidth={2} />
    </div>
    {title}
  </div>
);