"use client";

import { AdminSubscriptionDashboard } from "@/components/admin/subscription-dashboard";
import { Card, CardContent } from "@/components/ui/card";

interface AdminSubscriptionTabProps {
  initialTiers: any[];
  adminUser: {
    subscription_tier?: {
      name: string;
      slug: string;
    } | null;
  } | null;
}

export function AdminSubscriptionTab({
  initialTiers,
  adminUser,
}: AdminSubscriptionTabProps) {
  return (
    <div className="space-y-6">
      <Card>
        <CardContent className="pt-6">
          <div className="space-y-2">
            <h2 className="text-2xl font-semibold tracking-tight">
              Assinaturas & Permissões
            </h2>
            <p className="text-sm text-muted-foreground max-w-2xl">
              Configure planos, recursos e vincule usuários às assinaturas
              disponíveis. Todas as alterações são aplicadas imediatamente após
              salvar.
            </p>
            {adminUser?.subscription_tier && (
              <p className="text-xs text-muted-foreground">
                Seu plano atual:{" "}
                <span className="font-semibold uppercase">
                  {adminUser.subscription_tier.name} (
                  {adminUser.subscription_tier.slug})
                </span>
              </p>
            )}
          </div>
        </CardContent>
      </Card>

      <AdminSubscriptionDashboard initialTiers={initialTiers} />
    </div>
  );
}