import React from 'react';
import { User, Package, TrendingUp, Zap, FileText, Phone, MessageCircle } from 'lucide-react';

function Sidebar() {
  const sidebarItems = [
    { icon: User, text: "ОСОБИСТИЙ КАБІНЕТ", color: "bg-orange-500" },
    { icon: Package, text: "ПЕРЕДАТИ ПОКАЗИ", color: "bg-yellow-500" },
    { icon: TrendingUp, text: "ТАРИФИ АКТУАЛЬНІ", color: "bg-yellow-600" },
    { icon: Zap, text: "СПЛАТИТИ ОНЛАЙН", color: "bg-orange-600" },
    { icon: FileText, text: "ЕЛЕКТРОННІ НА РАХУНОК", color: "bg-gray-600" },
    { icon: Phone, text: "РОЗРАХУВАТИ РОЗСТРОЧКУ", color: "bg-yellow-500" }
  ];

  return (
    <aside className="w-full lg:w-80">
      <div className="space-y-2">
        {sidebarItems.map((item, index) => {
          const Icon = item.icon;
          return (
            <button key={index} className={`sidebar-btn w-full justify-start ${item.color}`}>
              <Icon className="w-5 h-5" />
              <span>{item.text}</span>
            </button>
          );
        })}
      </div>
      
      <div className="mt-8 bg-white rounded-lg p-6 shadow-md">
        <div className="text-center">
          <div className="w-20 h-20 bg-yellow-400 rounded-full flex items-center justify-center mx-auto mb-4">
            <span className="text-2xl font-bold text-white">ISO</span>
          </div>
          <p className="text-sm text-gray-600">Сертифікат якості</p>
          <p className="text-lg font-bold text-gray-900">ISO 9001</p>
        </div>
      </div>
      
      <div className="mt-6 bg-white rounded-lg p-6 shadow-md">
        <h3 className="font-bold text-gray-900 mb-4">Корисні посилання</h3>
        <div className="space-y-2">
          <a href="#" className="block text-primary-600 hover:text-primary-800 text-sm">
            Відділення нових Особових рахунків
          </a>
          <a href="#" className="block text-primary-600 hover:text-primary-800 text-sm">
            Інструкція до особистого кабінету
          </a>
        </div>
      </div>
    </aside>
  );
}

export default Sidebar;