import 'package:flutter/material.dart';
import 'package:nowser/const/app_type.dart';
import 'package:nowser/const/base.dart';

import '../app/app_type_component.dart';

class AuthAppInfoComponent extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _AuthAppInfoComponent();
  }
}

class _AuthAppInfoComponent extends State<AuthAppInfoComponent> {
  @override
  Widget build(BuildContext context) {
    var themeData = Theme.of(context);

    return Stack(
      alignment: Alignment.center,
      children: [
        Container(
          width: double.infinity,
          height: 64,
          child: Card(
            child: Container(
              padding: EdgeInsets.all(Base.BASE_PADDING_HALF),
              child: Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  Container(
                    margin: EdgeInsets.only(right: Base.BASE_PADDING_HALF),
                    child: Icon(
                      Icons.image,
                      size: 46,
                    ),
                  ),
                  Column(
                    mainAxisSize: MainAxisSize.min,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        "APP NAME",
                        style: TextStyle(fontWeight: FontWeight.bold),
                      ),
                      Text("This is App info des"),
                    ],
                  )
                ],
              ),
            ),
          ),
        ),
        Positioned(
          right: 16,
          child: AppTypeComponent(AppType.WEB),
        )
      ],
    );
  }
}