packages/devtools_app/lib/src/ui/label.dart

// Copyright 2019 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'package:flutter/material.dart';

import '../shared/theme.dart';
import 'icons.dart';

/// Label including an image icon and optional text.
class ImageIconLabel extends StatelessWidget {
  const ImageIconLabel(
    this.icon,
    this.text, {
    this.unscaledMinIncludeTextWidth,
  });

  final Widget icon;
  final String text;
  final double? unscaledMinIncludeTextWidth;

  @override
  Widget build(BuildContext context) {
    // TODO(jacobr): display the label as a tooltip for the icon particularly
    // when the text is not shown.
    return Row(
      children: [
        icon,
        // TODO(jacobr): animate showing and hiding the text.
        if (includeText(context, unscaledMinIncludeTextWidth))
          Padding(
            padding: const EdgeInsets.only(left: 8.0),
            child: Text(text),
          ),
      ],
    );
  }
}

class MaterialIconLabel extends StatelessWidget {
  const MaterialIconLabel({
    required this.label,
    this.iconData,
    this.imageIcon,
    this.color,
    this.minScreenWidthForTextBeforeScaling,
  }) : assert(
          (iconData == null) != (imageIcon == null),
          'Exactly one of iconData and imageIcon should be present.',
        );

  final IconData? iconData;
  final ThemedImageIcon? imageIcon;
  final Color? color;
  final String label;
  final double? minScreenWidthForTextBeforeScaling;

  @override
  Widget build(BuildContext context) {
    // TODO(jacobr): display the label as a tooltip for the icon particularly
    // when the text is not shown.
    return Row(
      mainAxisSize: MainAxisSize.min,
      children: [
        iconData != null
            ? Icon(
                iconData,
                size: defaultIconSize,
                color: color,
              )
            : imageIcon!,
        // TODO(jacobr): animate showing and hiding the text.
        if (includeText(context, minScreenWidthForTextBeforeScaling))
          Padding(
            padding: const EdgeInsets.only(left: denseSpacing),
            child: Text(
              label,
              style: TextStyle(color: color),
            ),
          ),
      ],
    );
  }
}