import { useTranslations } from "next-intl";
const EmptySubscriptions = () => {
  const t = useTranslations("");
  return (
    <div className="border border-gray-200 rounded-2xl shadow-md shadow-black/10 p-12 text-center">
      <div className="w-20 h-20 bg-gray-50 rounded-full flex items-center justify-center mx-auto mb-4">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="40"
          height="40"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          strokeWidth="2"
          strokeLinecap="round"
          strokeLinejoin="round"
          className="lucide lucide-package text-text-secondary"
        >
          <path d="M8 2v4"></path>
          <path d="M16 2v4"></path>
          <rect width="18" height="18" x="3" y="4" rx="2"></rect>
          <path d="M3 10h18"></path>
        </svg>
      </div>
      <h3 className="text-xl mb-2">لا توجد اشتراكات</h3>
      <p className="text-text-secondary">لم تقم بإجراء أي اشتراكات بعد</p>
    </div>
  );
};

export default EmptySubscriptions;