A I Use Case Form - Copy this React, Mui Component to your project

Generate a Form to define an AI Use Case. In the first field the user sets the name of the function. In the second, they set the description. In the third set the input variables of the function by clicking a button. The user can dynamically add input function which are then rendered in a list. The list should have a max width and be scrollable. Each list entry should have a button to delete the input variable and to a button to edit it. Then the user sets assertion options on the output of the AI Use Case. These should also be rendered in a dynamic list similiar to the input variable. The user adds an assertion by clicking a button. Each assertion should also have a an edit and a delete button. Finally the user sets records. The records are also rendered as a dynamic list. The user adds a record by clicking a button. Each records has an edit and a delete button. Finally add a submit button.