import React from 'react';
import { Card, CardContent } from '@/components/ui/Card.tsx';
import IconWrapper from '@/components/ui/IconWrapper.tsx';

interface ContactCardProps {
  icon: React.ReactNode;
  title: string;
  children?: React.ReactNode;
}

const ContactCard = ({ icon, title, children }: ContactCardProps) => {
  return (
    <Card className="text-center shadow-md transition-all duration-300 hover:shadow-lg hover:-translate-y-1">
      <CardContent className="p-8">
        <IconWrapper>{icon}</IconWrapper>
        <h3 className="text-xl font-semibold text-foreground mb-2">{title}</h3>
        <div className="text-base text-muted-foreground">{children}</div>
      </CardContent>
    </Card>
  );
};

export default ContactCard;
