/**
 * Members Access - Main Page Container
 *
 * The submenu links are auto-added to the page header via DefaultPageLayout
 *
 * @package ArraySubs
 */

import React from "react";
import { Outlet } from "react-router-dom";
import { __ } from "@wordpress/i18n";
import { Shield } from "lucide-react";
import DefaultPageLayout from "@/components/DefaultPageLayout";

/**
 * MembersAccessPage Component
 *
 * Main container for members access feature - submenu links are auto-rendered in header
 */
const MembersAccessPage = () => {
  return (
    <DefaultPageLayout
      title={__("Members & Rules", "arraysubs")}
      subtitle={__(
        "Configure memberships, content gating, role mapping, and access restrictions",
        "arraysubs",
      )}
      icon={<Shield size={24} />}
    >
      <div className="arraysubs-members-access">
        <Outlet />
      </div>
    </DefaultPageLayout>
  );
};

export default MembersAccessPage;