"use client";
import Image from "next/image";
import React, { useState } from "react";
import AuthRules from "../../auth/AuthRules";

function Roules() {
  const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
  return (
    <>
      <button
        onClick={() => setIsModalOpen(true)}
        className="flex items-center gap-2"
      >
        <Image
          width={24}
          height={24}
          alt={""}
          src={`/images/icons/judge.svg`}
          className="dark:invert"
        />
        <span>قوانین و مقررات</span>
      </button>
      <AuthRules
        isSetting={true}
        isModalOpen={isModalOpen}
        setModalOpen={setIsModalOpen}
      />
    </>
  );
}

export default Roules;
