feat: wip message input

lib/src/message_input.dart

@@ -206,6 +206,7 @@ class MessageInputState extends State<MessageInput> {
       direction: Axis.horizontal,
       crossAxisAlignment: CrossAxisAlignment.center,
       children: <Widget>[
+        if (_giphyEnabled)
           Row(
             mainAxisAlignment: MainAxisAlignment.spaceEvenly,
             children: [
@@ -293,7 +294,25 @@ class MessageInputState extends State<MessageInput> {
               border: OutlineInputBorder(
                 borderRadius: BorderRadius.circular(32),
               ),
-              contentPadding: EdgeInsets.all(4)
+              contentPadding: EdgeInsets.all(4),
+              prefix: Chip(
+                backgroundColor: StreamChatTheme.of(context).accentColor,
+                label: Row(
+                  children: [
+                    Icon(StreamIcons.lightning, color: Colors.white,),
+                    SizedBox(width: 2,),
+                    Text('GIPHY', style: TextStyle(color: Colors.white),),
+                  ],
+                )
+              ),
+              suffixIcon: IconButton(
+                icon: Icon(Icons.cancel_outlined),
+                onPressed: () {
+                  setState(() {
+                    _giphyEnabled = false;
+                  });
+                },
+              )
             ),
             textCapitalization: TextCapitalization.sentences,
           ),
@@ -880,8 +899,7 @@ class MessageInputState extends State<MessageInput> {
             StreamIcons.send_message,
             color: Colors.grey,
           ),
-          )
-        ),
+        )),
       ),
     );
   }
@@ -898,7 +916,7 @@ class MessageInputState extends State<MessageInput> {
               sendMessage();
             },
             child: Transform.rotate(
-              angle: - pi / 2,
+              angle: -pi / 2,
               child: Icon(
                 StreamIcons.send_message,
                 color: StreamChatTheme.of(context).accentColor,