Container - Copy this React, Mui Component to your project
Design an interface with two sections for me. The left section is a datagrid that will contain a list of alarm groups, for example: EC1 Serial Link EC1 System Health EC2 System Status The right section is a datagrid that contains detailed information about the alarms for each alarm group. This datagrid has two columns: one for Enumeration and the other for Description. When the user selects a specific group, the detailed information of that group will be displayed on the right. For example: For the EC1 Serial Link group: Enumeration = 0, Description = Serial Link OK Enumeration = 1, Description = Serial Link broken For the EC1 System Health group: Enumeration = 0, Description = System is healthy Enumeration = 1, Description = System is in an alarm status Enumeration = 2, Description = System is in a warning status Additionally, in the first section (the list of alarm groups), I need a search bar where users can enter the name of a group to quickly search for a specific group.
