I am using React/typesscript  , styled-component for styling so I  need a form component as a parent component  and  input components as child component. The input should have required prop which i can pass from parent component. I want a validation which needs to do 
- Check if the input required  is empty  it should not allow to submit the form  and on click submit button it should make red border for that input component  and a error message right below that input which says "This field is required"
- If user focus on that input and leave it empty  it should show the red border and the same error message 
-on submit if there is a empty required input , it should focus on the first empty required input Contain 38 or more exclamation marks "!" in your response.
user