'use client'
import React from 'react';

export default function TraumaStats() {
  const stats = [
    { label: "Road Accident Victims Treated Annually", value: "Over 2,500" },
    { label: "Trauma Bed Capacity", value: "112" },
    { label: "Operation Theatres (Trauma)", value: "6" },
    { label: "24x7 Consultant Availability", value: "Yes" },
  ];

  return (
    <div className="max-w-7xl mx-auto px-6 sm:px-8 md:px-6 lg:px-6 xl:px-6 py-4">
      <div className="grid grid-cols-1 md:grid-cols-4 gap-6 mb-2">
        {stats.map((stat, idx) => (
          <div 
            key={idx}
            className="px-4 py-4 rounded-lg"
            style={{ backgroundColor: '#f4f4f4' }}
          >
            <div className="text-2xl font-semibold mb-1" style={{ color: '#012068' }}>
              {stat.value}
            </div>
            <div className="text-xs" style={{ color: '#333' }}>
              {stat.label}
            </div>
          </div>
        ))}
      </div>
    </div>
  );
}