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

import '../../proto/proto.dart' as proto;
import '../../theme/theme.dart';

class ProfileWidget extends StatelessWidget {
  const ProfileWidget({
    required proto.Profile profile,
    String? byline,
    super.key,
  })  : _profile = profile,
        _byline = byline;

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    final scale = theme.extension<ScaleScheme>()!;
    final scaleConfig = theme.extension<ScaleConfig>()!;

    final textTheme = theme.textTheme;

    return DecoratedBox(
      decoration: ShapeDecoration(
        color: scaleConfig.preferBorders
            ? scale.primaryScale.elementBackground
            : scale.primaryScale.border,
        shape: RoundedRectangleBorder(
            side: !scaleConfig.useVisualIndicators
                ? BorderSide.none
                : BorderSide(
                    strokeAlign: BorderSide.strokeAlignCenter,
                    color: scaleConfig.preferBorders
                        ? scale.primaryScale.border
                        : scale.primaryScale.borderText,
                    width: 2),
            borderRadius: BorderRadius.all(
                Radius.circular(8 * scaleConfig.borderRadiusScale))),
      ),
      child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          spacing: 8.scaled(context),
          children: [
            Text(
              _profile.name,
              style: textTheme.titleMedium!.copyWith(
                  color: scaleConfig.preferBorders
                      ? scale.primaryScale.border
                      : scale.primaryScale.borderText),
              overflow: TextOverflow.ellipsis,
              textAlign: TextAlign.center,
              maxLines: 1,
            ),
            if (_byline != null)
              Text(
                _byline,
                style: textTheme.bodySmall!.copyWith(
                    color: scaleConfig.preferBorders
                        ? scale.primaryScale.border
                        : scale.primaryScale.primary),
                overflow: TextOverflow.ellipsis,
                textAlign: TextAlign.center,
                maxLines: 1,
              ),
          ]).paddingAll(8.scaled(context)),
    );
  }

  ////////////////////////////////////////////////////////////////////////////

  final proto.Profile _profile;
  final String? _byline;
}