import 'package:comunes_flutter/comunes_flutter.dart';
import 'package:flutter/material.dart';
import 'package:get_it/get_it.dart';
import 'package:redux/redux.dart';

import 'models/appState.dart';
import 'redux/actions.dart';

/// Layer selector widget for changing map layers
class LayerSelectorMapPluginWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    Store<AppState> store = GetIt.instance<Store<AppState>>();
    return LayoutBuilder(
        builder: (context, constraints) =>
            Stack(fit: StackFit.expand, children: <Widget>[
              Positioned(
                top: constraints.maxHeight - 60,
                left: 10.0,
                child: new CenteredRow(
                  children: <Widget>[
                    new Column(
                      children: <Widget>[_LayerSelectorButton(store)],
                    )
                  ],
                ),
              )
            ]));
  }

  Widget _LayerSelectorButton(Store<AppState> store) {
    return new FloatingActionButton(
        backgroundColor: Colors.black26,
        mini: true,
        child: Icon(
          Icons.layers,
        ),
        onPressed: () {
          store.dispatch(new ToggleMapLayerAction());
        });
  }
}