import 'package:flutter/material.dart';
import 'package:flutter_example_packages/base/package/package.dart';
import 'package:flutter_example_packages/packages/flutter_secure_storage/model.dart';
import 'package:flutter_example_packages/packages/flutter_secure_storage/package.dart';
import 'package:flutter_example_packages/widgets/base/export.dart';
import 'package:flutter_example_packages/widgets/blocks/block_alert.dart';
import 'package:flutter_example_packages/widgets/blocks/block_info_package.dart';
import 'package:flutter_example_packages/widgets/blocks/block_item.dart';
import 'package:flutter_example_packages/widgets/layouts/block_layout.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';

class FlutterSecureStoragePage extends AppStatefulWidget {
  FlutterSecureStoragePage({
    super.key,
  });

  final Package package = packageFlutterSecureStorage;

  @override
  State<FlutterSecureStoragePage> createState() =>
      _FlutterSecureStoragePageState();
}

class _FlutterSecureStoragePageState
    extends AppState<FlutterSecureStoragePage> {
  @override
  Widget buildWide(
    BuildContext context,
    MediaQueryData media,
    AppLocalizations l10n,
  ) {
    return BlockLayout<FlutterSecureStorageModel>(
      title: widget.package.key,
      builder: (context, child, model) {
        return SingleChildScrollView(
          child: Padding(
            padding: const EdgeInsets.all(20),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                BlockInfoPackage(widget.package),
                BlockAlert(model.error),
                if (!model.isError)
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      BlockItem(
                        title: l10n.flutterSecureStorageTitle,
                        desc: l10n.flutterSecureStorageDesc,
                        value: null,
                      ),
                    ],
                  ),
              ],
            ),
          ),
        );
      },
    );
  }
}