button.dart

// Copyright 2025 The Flutter 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:jaspr/dom.dart';
import 'package:jaspr/jaspr.dart';

import '../util.dart';
import 'material_icon.dart';

/// A generic button component with different style variants.
class Button extends StatelessComponent {
  /// Creates a button with either textual [content], an [icon] ID, or both.
  const Button({
    super.key,
    this.icon,
    this.trailingIcon,
    this.href,
    this.content,
    this.style = ButtonStyle.text,
    this.id,
    this.attributes = const {},
    this.classes,
    this.disabled = false,
    this.title,
    this.asRaw = false,
    this.onClick,
  }) : assert(content != null || icon != null);

  final String? content;
  final String? title;
  final ButtonStyle style;
  final String? icon;
  final String? trailingIcon;
  final String? id;
  final String? href;
  final Map<String, String> attributes;
  final bool disabled;
  final bool asRaw;
  final List<String>? classes;
  final void Function()? onClick;

  @override
  Component build(BuildContext context) {
    final mergedAttributes = <String, String>{
      ...attributes,
      if (disabled) 'disabled': 'disabled',
      'title': ?title,
    };

    final mergedClasses = [
      style.cssClass,
      if ((icon != null || trailingIcon != null) && content == null)
        'icon-button',
      ...?classes,
    ].toClasses;

    final children = <Component>[
      if (icon case final iconId?) MaterialIcon(iconId),
      if (content case final contentText?)
        asRaw ? RawText(contentText) : .text(contentText),
      if (trailingIcon case final iconId?) MaterialIcon(iconId),
    ];

    if (href case final href?) {
      return a(
        id: id,
        href: href,
        classes: mergedClasses,
        attributes: mergedAttributes,
        onClick: onClick,
        children,
      );
    } else {
      return button(
        id: id,
        classes: mergedClasses,
        attributes: mergedAttributes,
        onClick: onClick,
        children,
      );
    }
  }
}

enum ButtonStyle {
  filled,
  outlined,
  text;

  String get cssClass => switch (this) {
    ButtonStyle.filled => 'filled-button',
    ButtonStyle.outlined => 'outlined-button',
    ButtonStyle.text => 'text-button',
  };
}