import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';

class PageHeader extends StatelessWidget {
  const PageHeader({
    Key? key,
    required double deviceBlockSize,
    required String label,
    required String route,
  })  : _deviceBlockSize = deviceBlockSize,
        _label = label,
        _route = route,
        super(key: key);

  final double _deviceBlockSize;
  final String _label;
  final String _route;

  @override
  Widget build(BuildContext context) {
    return Row(
      children: <Widget>[
        Container(
          child: Text(
            _label,
            style: TextStyle(
              color: Colors.black,
              fontSize: 7 * _deviceBlockSize,
              fontWeight: FontWeight.w700,
              letterSpacing: 2,
            ),
          ),
        ),
        Spacer(),
        InkWell(
          customBorder: CircleBorder(),
          onTap: () {
            Navigator.of(context).popAndPushNamed(_route);
          },
          child: Container(
            padding: EdgeInsets.all(5),
            child: Icon(
              FontAwesomeIcons.filter,
              size: 7 * _deviceBlockSize,
            ),
          ),
        ),
      ],
    );
  }
}