import React from 'react';

export interface TipsCategoryProps {
  icon: string;
  title: string;
  items: string[];
}

const TipsCategory: React.FC<TipsCategoryProps> = ({ icon, title, items }) => {
  return (
    <div className="bg-white rounded-lg shadow-xl p-8 border border-vista-darkblue/10">
      <h3 className="text-2xl font-serif text-vista-darkblue mb-6 flex items-center gap-3">
        <span className="text-3xl">{icon}</span>
        {title}
      </h3>
      <ul className="space-y-4 text-vista-darkblue/70">
        {items.map((item, itemIndex) => (
          <li key={itemIndex} className="flex items-start gap-3">
            <span className="text-vista-gold font-bold mt-1">•</span>
            <span>{item}</span>
          </li>
        ))}
      </ul>
    </div>
  );
};

export default TipsCategory;
