import 'package:flutter/material.dart';

import 'package:provider/provider.dart';

import 'package:pweb/providers/account_name.dart';


class AccountNameText extends StatelessWidget {
  const AccountNameText({
    super.key,
    required this.hintText,
    required this.inputWidth,
    required this.borderWidth,
  });

  final String hintText;
  final double inputWidth;
  final double borderWidth;

  @override
  Widget build(BuildContext context) {
    final state = context.watch<AccountNameState>();
    final theme = Theme.of(context);

    if (state.isEditing) {
      return SizedBox(
        width: inputWidth,
        child: TextFormField(
          controller: state.controller,
          style: theme.textTheme.headlineMedium?.copyWith(
            fontWeight: FontWeight.bold,
          ),
          autofocus: true,
          enabled: !state.isBusy,
          decoration: InputDecoration(
            hintText: hintText,
            isDense: true,
            border: UnderlineInputBorder(
              borderSide: BorderSide(
                color: theme.colorScheme.primary,
                width: borderWidth,
              ),
            ),
          ),
        ),
      );
    }

    return Text(
      state.currentName,
      style: theme.textTheme.headlineMedium?.copyWith(
        fontWeight: FontWeight.bold,
      ),
    );
  }
}