import 'package:flutter/material.dart';
import 'package:git_touch/models/theme.dart';
import 'package:provider/provider.dart';

class BorderView extends StatelessWidget {
  final double height;
  final double leftPadding;

  BorderView({
    this.height,
    this.leftPadding = 0,
  });

  @override
  Widget build(BuildContext context) {
    final theme = Provider.of<ThemeModel>(context);

    if (height == null) {
      // Physical pixel
      return Container(
        margin: EdgeInsets.only(left: leftPadding),
        decoration: BoxDecoration(
          border: Border(
            top: BorderSide(color: theme.paletteOf(context).border, width: 0),
          ),
        ),
      );
    }

    return Row(
      children: <Widget>[
        SizedBox(
          width: leftPadding,
          height: height,
          child: DecoratedBox(
            decoration:
                BoxDecoration(color: theme.paletteOf(context).background),
          ),
        ),
        Expanded(
          child: SizedBox(
            height: height,
            child: DecoratedBox(
              decoration: BoxDecoration(color: theme.paletteOf(context).border),
            ),
          ),
        ),
      ],
    );
  }
}