import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:accessible_terminal/state/terminal_provider.dart';
import 'package:accessible_terminal/ui/views/connection_view.dart';
import 'package:accessible_terminal/ui/views/terminal_view.dart';
import 'package:accessible_terminal/ui/views/tablet_screen.dart';

class TerminalScreen extends ConsumerWidget {
  const TerminalScreen({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final isConnected = ref.watch(connectionStateProvider);

    return LayoutBuilder(
      builder: (context, constraints) {
        if (constraints.maxWidth >= 600) {
          // Tablet Layout
          return const TabletScreen();
        }

        // Mobile Layout
        return AnimatedSwitcher(
          duration: const Duration(milliseconds: 300),
          child: isConnected ? const TerminalView() : const ConnectionView(),
        );
      },
    );
  }
}