In this part, we are going to create an input component which will replace these forms, which are
going to be used to send a message.
So for us, we are going to copy this form and we cut this and then we paste to the input component
and then inside the input component, we are going to pass the message, that method and also to send
message functions because we do not have these in this component, but we have this in the parent component.
And then we add the cost name is equal to four and also the pattern as the cast name is equal to the
send button, the input has a cast name is equal to input, and also has a placeholder which is equal
to a type A method.
Now we're back to that, Chad, and we are going to import this input component.
So for us, we go to the top and then we import the input from the input and input component and then
we go to the bottom.
And then under the message, we produce the input component here and then we pass.
The message is equal to the method.
The message is equal to the same message and that message is equal to the same message.
Now we can go to the website to see are there any errors?
Now, we said this astronaut and go to the room free.
Now we can see the message boards here and we try to type something now my name is John and we type
hello and then them same message.
Now the message pop up here.
So all the functions still work.
And now we are going to add some classes at this.
So first, we are going to add the cross as a container and then be at another cross as container and
now we capito's and pace under the input component.
Now, we we will not do any excess tutorial here, so we just paste input SS here and then we save.
And inside the input component, we have to import the USS.
So we can save it and take a look.
And now you kind of see the input boss already has its own success.
Now, we also copy and paste these inside the folder and then we go to the chapel.
Yes.
And we also have to import the check the we save it.
Now we can see the chapel is like this and they are a little bit weird and maybe will fix this in the
next Natcher.