'use client';

import { SolutionGuard } from '@/components/auth/SolutionGuard';
import { AdjustmentsHorizontalIcon } from "@heroicons/react/24/outline";
import { PageHeader } from "@/components/ui";

export default function ConfiguracoesPage() {
    return (
        <SolutionGuard requiredSolution="erp">
            <div className="p-6 max-w-[1600px] mx-auto space-y-6">
                <PageHeader
                    title="Configurações do ERP"
                    description="Personalize as categorias financeiras, contas e parâmetros do sistema."
                />
                <div className="flex flex-col items-center justify-center py-20 bg-white dark:bg-zinc-900 rounded-[32px] border border-zinc-200 dark:border-zinc-800">
                    <AdjustmentsHorizontalIcon className="w-16 h-16 text-zinc-300 mb-4" />
                    <h3 className="text-xl font-bold text-zinc-900 dark:text-white">Módulo em Desenvolvimento</h3>
                    <p className="text-zinc-500 max-w-sm text-center mt-2">Em breve você poderá configurar suas categorias, contas bancárias e fluxos operacionais aqui.</p>
                </div>
            </div>
        </SolutionGuard>
    );
}