import 'package:flutter/material.dart';

class SettingsPage extends StatelessWidget {
  const SettingsPage({super.key});

  @override
  Widget build(BuildContext context) {
    return ListView(
      padding: const EdgeInsets.fromLTRB(20, 16, 20, 24),
      children: [
        Text(
          'Settings',
          style: Theme.of(context).textTheme.headlineMedium?.copyWith(
                fontWeight: FontWeight.w700,
              ),
        ),
        const SizedBox(height: 6),
        Text(
          'Theme, Bluetooth, and app details.',
          style: Theme.of(context).textTheme.bodyMedium?.copyWith(
                color: Theme.of(context)
                    .colorScheme
                    .onSurface
                    .withValues(alpha: 0.68),
              ),
        ),
        const SizedBox(height: 20),
        Card(
          child: Column(
            children: const [
              ListTile(
                leading: Icon(Icons.brightness_6),
                title: Text('Theme'),
                subtitle: Text('Theme controls arrive in the next phase'),
              ),
              Divider(height: 1),
              ListTile(
                leading: Icon(Icons.bluetooth),
                title: Text('Bluetooth Settings'),
                subtitle: Text('Configure Bluetooth connections'),
              ),
              Divider(height: 1),
              ListTile(
                leading: Icon(Icons.info),
                title: Text('About'),
                subtitle: Text('App information'),
              ),
            ],
          ),
        ),
      ],
    );
  }
}