content: import 'package:bb_mobile/core/entities/signer_device_entity.dart';
  import 'package:bb_mobile/core/themes/app_theme.dart';
  import 'package:bb_mobile/core/widgets/buttons/button.dart';
  import 'package:bb_mobile/core/widgets/text/text.dart';
  import 'package:bb_mobile/features/import_qr_device/device_instructions_bottom_sheet.dart';
  import 'package:bb_mobile/features/import_watch_only_wallet/import_watch_only_router.dart';
  import 'package:bb_mobile/generated/flutter_gen/assets.gen.dart';
  import 'package:flutter/material.dart';
  import 'package:gap/gap.dart';
  import 'package:go_router/go_router.dart';
  
  class ImportQrDevicePage extends StatelessWidget {
    final SignerDeviceEntity device;
    final String deviceName;
    final String instructionsTitle;
    final List<String> instructions;
  
    const ImportQrDevicePage({
      super.key,
      required this.device,
      required this.deviceName,
      required this.instructionsTitle,
      required this.instructions,
    });
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(title: Text('Connect $deviceName')),
        body: Padding(
          padding: const EdgeInsets.symmetric(horizontal: 24),
          child: Column(
            children: [
              const Gap(32),
              BBText(
                'Import the wallet descriptor QR code from your $deviceName',
                style: context.font.bodyLarge,
                textAlign: TextAlign.center,
                maxLines: 2,
              ),
  
              const Gap(48),
              Image.asset(
                Assets.misc.qRPlaceholder.path,
                height: 200,
                width: 200,
              ),
              const Gap(48),
              Column(
                children: [
                  BBButton.small(
                    label: 'Open the camera',
                    onPressed:
                        () => context.pushNamed(
                          ImportWatchOnlyWalletRoutes.scan.name,
                          extra: device,
                        ),
                    bgColor: context.colour.onSecondary,
                    textColor: context.colour.secondary,
                    outlined: true,
                  ),
  
                  const Gap(16),
                  BBButton.small(
                    label: 'Instructions',
                    onPressed:
                        () => DeviceInstructionsBottomSheet.show(
                          context,
                          title: instructionsTitle,
                          instructions: instructions,
                        ),
                    bgColor: context.colour.onSecondary,
                    textColor: context.colour.secondary,
                    outlined: true,
                  ),
                  const Gap(16),
                ],
              ),
              const Gap(48),
            ],
          ),
        ),
      );
    }
  }
  