import Layout from '../components/Layout';

export default function Settings() {
  const user = {
    email: 'me@randallstillwell.com',
    role: 'user'
  };

  return (
    <Layout user={user}>
      <div className="p-6">
        <div className="text-center py-12">
          <div className="text-6xl mb-4">⚙️</div>
          <h1 className="text-3xl font-bold mb-4" style={{ color: 'var(--text-primary-light)' }}>
            Settings
          </h1>
          <p className="text-lg mb-6" style={{ color: 'var(--text-secondary-light)' }}>
            Manage your account and preferences
          </p>
          <p className="text-sm" style={{ color: 'var(--text-secondary-light)' }}>
            Coming soon...
          </p>
        </div>
      </div>
    </Layout>
  );
}