spotube/lib/components/ui/button_tile.dart

import 'package:shadcn_flutter/shadcn_flutter.dart';

class ButtonTile extends StatelessWidget {
  final Widget? title;
  final Widget? subtitle;
  final Widget? leading;
  final Widget? trailing;
  final bool enabled;
  final void Function()? onPressed;
  final bool selected;
  final ButtonVariance style;

  const ButtonTile({
    super.key,
    this.title,
    this.subtitle,
    this.leading,
    this.trailing,
    this.enabled = true,
    this.onPressed,
    this.selected = false,
    this.style = ButtonVariance.outline,
  });

  @override
  Widget build(BuildContext context) {
    final ThemeData(:colorScheme, :typography) = Theme.of(context);

    return Button(
      enabled: enabled,
      onPressed: onPressed,
      style: style.copyWith(
        decoration: (context, states, value) {
          final decoration = style.decoration(context, states) as BoxDecoration;

          if (selected && style == ButtonVariance.outline) {
            return decoration.copyWith(
              border: Border.all(
                color: colorScheme.primary,
                width: 1.0,
              ),
              color: colorScheme.primary.withAlpha(25),
            );
          }

          return decoration;
        },
        iconTheme: (context, states, value) {
          final iconTheme = style.iconTheme(context, states);

          if (selected && style == ButtonVariance.outline) {
            return iconTheme.copyWith(
              color: colorScheme.primary,
            );
          }

          return iconTheme;
        },
        textStyle: (context, states, value) {
          final textStyle = style.textStyle(context, states);

          if (selected && style == ButtonVariance.outline) {
            return textStyle.copyWith(
              color: colorScheme.primary,
            );
          }

          return textStyle;
        },
      ),
      alignment: Alignment.centerLeft,
      child: SizedBox(
        width: double.infinity,
        child: Basic(
          padding: EdgeInsets.zero,
          leadingAlignment: Alignment.center,
          trailingAlignment: Alignment.center,
          leading: leading,
          title: title,
          subtitle:
              style == ButtonVariance.outline && selected && subtitle != null
                  ? DefaultTextStyle(
                      style: typography.xSmall.copyWith(
                        color: colorScheme.primary,
                      ),
                      child: subtitle!,
                    )
                  : subtitle,
          trailing: trailing,
        ),
      ),
    );
  }
}