// components/Azkar.jsx
import React from "react";

export function Azkar() {
  const azkar = [
    "أصبحنا وأصبح الملك لله...",
    "رضيت بالله رباً وبالإسلام ديناً...",
    "لا إله إلا الله وحده لا شريك له..."
  ];

  return (
    <div>
      <h2 className="text-xl font-bold mb-2">أذكار</h2>
      <ul className="list-disc list-inside text-right space-y-1">
        {azkar.map((zkr, idx) => (
          <li key={idx}>{zkr}</li>
        ))}
      </ul>
    </div>
  );
}