"use client";

import { Cog6ToothIcon } from '@heroicons/react/24/outline';

export default function SettingsPage() {
    return (
        <div className="p-6">
            <div className="flex items-center gap-3 mb-4">
                <Cog6ToothIcon className="w-6 h-6 text-gray-600 dark:text-gray-400" />
                <div>
                    <h1 className="text-2xl font-bold text-gray-900 dark:text-white">Configurações</h1>
                    <p className="text-xs text-gray-600 dark:text-gray-400 mt-1">
                        Configure o sistema e preferências globais
                    </p>
                </div>
            </div>

            <div className="bg-white dark:bg-gray-900 rounded-lg border border-gray-200 dark:border-gray-800 p-8 text-center">
                <Cog6ToothIcon className="w-12 h-12 text-gray-400 mx-auto mb-3" />
                <h3 className="text-base font-medium text-gray-900 dark:text-white mb-1">
                    Página em desenvolvimento
                </h3>
                <p className="text-sm text-gray-600 dark:text-gray-400">
                    As configurações do sistema estarão disponíveis em breve
                </p>
            </div>
        </div>
    );
}