import 'package:diabretes/widgets/App/appbar_title.dart';
import 'package:flutter/material.dart';
import 'package:diabretes/gen/assets.gen.dart';

class FoodCalculator extends StatefulWidget {
  const FoodCalculator({Key? key}) : super(key: key);

  @override
  _FoodCalculatorState createState() => _FoodCalculatorState();
}

class _FoodCalculatorState extends State<FoodCalculator> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: AppBarTitle(
              title: "Calculadora de Hidtratos",
              titleColorTheme: TitleColorTheme.light),
          backgroundColor: Color(0xFF05AEC3),
          elevation: 0,
        ),
        backgroundColor: Color(0xFF05AEC3),
        body: Padding(
            padding: EdgeInsets.only(top: 16, left: 16, right: 16),
            child: Column(
              children: [
                Row(
                  children: [
                    Expanded(
                      child: SizedBox(
                        height: 44,
                        child: TextField(
                          textAlignVertical: TextAlignVertical.center,
                          decoration: InputDecoration(
                              prefixIcon: Assets.images.search
                                  .image(color: Colors.white),
                              contentPadding: EdgeInsets.symmetric(
                                  vertical: 0, horizontal: 16),
                              border: OutlineInputBorder(
                                  borderSide: BorderSide(color: Colors.white)),
                              enabledBorder: OutlineInputBorder(
                                  borderSide: BorderSide(
                                      color: Colors.white.withOpacity(0.4))),
                              focusedBorder: OutlineInputBorder(
                                  borderSide: BorderSide(color: Colors.white)),
                              hintText: "Procure Alimentos"),
                        ),
                      ),
                    ),
                    Padding(
                      padding: const EdgeInsets.only(left: 16),
                      child: SizedBox(
                          height: 44,
                          width: 44,
                          child: MaterialButton(
                            shape: CircleBorder(
                                side: BorderSide(color: Colors.transparent)),
                            onPressed: () {},
                            child: IconButton(
                              padding: EdgeInsets.zero,
                              onPressed: () {},
                              icon: Icon(Icons.add),
                            ),
                            color: Colors.white,
                          )),
                    ),
                  ],
                ),
                Expanded(
                  child: Container(
                      color: Colors.blue, margin: EdgeInsets.only(top: 16)),
                ),
              ],
            )));
  }
}