import React from "react";
import { Settings as SettingsIcon } from "lucide-react";

export default function Settings() {
  return (
    <div className="p-8">
      <div className="max-w-7xl mx-auto">
        <div className="flex items-center gap-3 mb-8">
          <SettingsIcon className="w-8 h-8" />
          <h1 className="text-3xl font-bold">Settings</h1>
        </div>
        <div className="text-center py-16 bg-white rounded-xl border">
          <SettingsIcon className="w-16 h-16 mx-auto text-slate-300 mb-4" />
          <p className="text-slate-600">Settings page coming soon</p>
        </div>
      </div>
    </div>
  );
}