import 'package:flutter/material.dart';

import '../../ble_provision/ble_provision_sheet.dart';

class StepSensors extends StatelessWidget {
  const StepSensors({super.key, required this.onComplete});

  final VoidCallback onComplete;

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(24),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          Text('Enroll sensors', style: Theme.of(context).textTheme.titleLarge),
          const SizedBox(height: 8),
          const Text('Add at least one sensor to continue.'),
          const SizedBox(height: 16),
          // TODO: list of already-enrolled sensors with placement status.
          const Expanded(child: Placeholder()),
          const SizedBox(height: 16),
          OutlinedButton.icon(
            icon: const Icon(Icons.bluetooth),
            label: const Text('Add sensor'),
            onPressed: () => showModalBottomSheet<void>(
              context: context,
              isScrollControlled: true,
              builder: (_) => const BleProvisionSheet(),
            ),
          ),
          const SizedBox(height: 12),
          FilledButton(
            onPressed: onComplete,
            child: const Text('Continue'),
          ),
        ],
      ),
    );
  }
}