import { Metadata } from "next";
import { Shell } from "@/components/shell";
import { PaywallBypassIpEditor } from "@/components/dashboard/paywall-bypass-ip/paywall-bypass-ip-editor";

export const metadata: Metadata = {
    title: "Add Paywall Bypass IP",
    description: "Add a new IP address to bypass the paywall"
};

export default async function Page() {
    return (
        <Shell className="gap-2">
            <div className="flex items-center gap-4 px-4">
                <div>
                    <h1 className="text-2xl font-bold">Add Paywall Bypass IP</h1>
                </div>
            </div>

            <PaywallBypassIpEditor mode="create" />
        </Shell>
    );
}