import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:git_touch/utils/utils.dart';
import 'package:primer/primer.dart';
import 'link.dart';

class TableViewSeperator extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 20,
      color: PrimerColors.gray100,
    );
  }
}

class TableViewItem {
  final Widget text;
  final Widget leftWidget;
  final Widget rightWidget;
  final void Function() onTap;
  final WidgetBuilder screenBuilder;

  TableViewItem({
    this.text,
    this.leftWidget,
    this.rightWidget,
    this.onTap,
    this.screenBuilder,
  });
}

class TableView extends StatelessWidget {
  final String headerText;
  final List<TableViewItem> items;

  TableView({this.headerText, @required this.items});

  static const _border = SizedBox(
    height: 1,
    child: const DecoratedBox(
      decoration: const BoxDecoration(color: PrimerColors.gray200),
    ),
  );

  static const _seperator = SizedBox(
    height: 1,
    child: const DecoratedBox(
      decoration: const BoxDecoration(color: PrimerColors.gray200),
    ),
  );

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: <Widget>[
        ...(headerText == null
            ? []
            : [
                Container(
                  color: PrimerColors.gray100,
                  padding: EdgeInsets.symmetric(horizontal: 12, vertical: 6),
                  child: Text(
                    headerText,
                    style: TextStyle(color: PrimerColors.gray600, fontSize: 13),
                  ),
                )
              ]),
        _border,
        ...join(
          _seperator,
          items.map((item) {
            return Link(
              onTap: item.onTap,
              screenBuilder: item.screenBuilder,
              child: Container(
                height: 44,
                child: Row(children: [
                  ...(item.leftWidget == null
                      ? []
                      : [
                          SizedBox(width: 12),
                          item.leftWidget,
                        ]),
                  SizedBox(width: 12),
                  Expanded(
                    child: DefaultTextStyle(
                      child: item.text,
                      style:
                          TextStyle(fontSize: 18, color: PrimerColors.gray900),
                    ),
                  ),
                  ...(item.rightWidget == null ? [] : [item.rightWidget]),
                  SizedBox(width: 12),
                ]),
              ),
            );
          }).toList(),
        ),
        _border,
      ],
    );
  }
}