interface PropertyAmenitiesProps {
    amenities: string[];
}

export default function PropertyAmenities({ amenities }: PropertyAmenitiesProps) {
    return (
        <div className="bg-white dark:bg-gray-900 rounded-2xl p-8 shadow-sm border border-gray-100 dark:border-gray-800 mt-8">
            <h2 className="text-2xl font-bold text-foreground mb-6">Amenities</h2>
            <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
                {amenities.map((amenity, index) => (
                    <div key={index} className="flex items-center gap-3 p-3 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
                        <div className="w-2 h-2 bg-primary rounded-full" />
                        <span className="text-gray-700 dark:text-gray-300 font-medium">{amenity}</span>
                    </div>
                ))}
            </div>
        </div>
    );
}
