import 'package:flutter/material.dart';
import 'package:one_poem/routers/fluro_navigator.dart';
import 'package:one_poem/util/theme_utils.dart';
import 'package:one_poem/widgets/base_dialog.dart';

/// design/4商品/index.html#artboard10
class GoodsSizeDialog extends StatefulWidget {

  const GoodsSizeDialog({
    Key? key,
    this.onPressed,
  }) : super(key : key);

  final Function(String)? onPressed;
  
  @override
  _GoodsSizeDialog createState() => _GoodsSizeDialog();
  
}

class _GoodsSizeDialog extends State<GoodsSizeDialog> {

  final TextEditingController _controller = TextEditingController();

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }
  
  @override
  Widget build(BuildContext context) {
    return BaseDialog(
      title: '规格名称',
      child: Container(
        height: 34.0,
        alignment: Alignment.center,
        margin: const EdgeInsets.fromLTRB(16.0, 8.0, 16.0, 0.0),
        decoration: BoxDecoration(
          color: ThemeUtils.getDialogTextFieldColor(context),
          borderRadius: BorderRadius.circular(2.0),
        ),
        child: TextField(
          autofocus: true,
          controller: _controller,
          decoration: const InputDecoration(
            isDense: true,
            contentPadding: EdgeInsets.symmetric(horizontal: 16.0),
            border: InputBorder.none,
            hintText: '输入文字…',
            //hintStyle: TextStyles.textGrayC14,
          ),
        ),
      ),
      onPressed: () {
        NavigatorUtils.goBack(context);
        widget.onPressed?.call(_controller.text);
      },
    );
  }
}