import 'package:cwtch/cwtch_icons_icons.dart';
import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';

final Color malformedColor = Color(0xFFE85DA1);

// MalformedBubble is displayed in the case of a malformed message
class MalformedBubble extends StatefulWidget {
  @override
  MalformedBubbleState createState() => MalformedBubbleState();
}

class MalformedBubbleState extends State<MalformedBubble> {
  @override
  Widget build(BuildContext context) {
    return Container(
        decoration: BoxDecoration(
          color: malformedColor,
          border: Border.all(color: malformedColor, width: 1),
          borderRadius: BorderRadius.only(
            topLeft: Radius.zero,
            topRight: Radius.zero,
            bottomLeft: Radius.zero,
            bottomRight: Radius.zero,
          ),
        ),
        child: FittedBox(
            fit: BoxFit.contain,
            child: Center(
                widthFactor: 1.0,
                child: Padding(
                    padding: EdgeInsets.all(9.0),
                    child: Row(mainAxisSize: MainAxisSize.min, children: [
                      Center(
                          widthFactor: 1,
                          child: Padding(
                              padding: EdgeInsets.all(4),
                              child: Icon(
                                CwtchIcons.favorite_black_24dp_broken,
                                size: 24,
                              ))),
                      Center(
                          widthFactor: 1.0,
                          child: Text(
                            AppLocalizations.of(context)!.malformedMessage,
                            overflow: TextOverflow.ellipsis,
                            textWidthBasis: TextWidthBasis.longestLine,
                          ))
                    ])))));
  }
}