Styled Modal - Copy this React, Mui Component to your project

Build a Multi Vendor Purchase DataGrid using MUI (Material UI) where each row represents a vendor for purchasing the same asset. The Vendor column should feature an Autocomplete dropdown that allows users to search and select vendors dynamically, with results pre filtered based on conditions like asset type or predefined rules. The filtering should apply specifically within the dropdown for each cell, ensuring users only see relevant vendor options when interacting with that cell, rather than applying a global filter across the entire column. "Build a Multi Vendor Purchase DataGrid using MUI (Material UI) where each row represents a vendor for purchasing the same asset. The Vendor column should use an Autocomplete dropdown that allows users to search and select a vendor. Advanced filtering should be integrated into the Autocomplete dropdown: users can open a modal to apply filter rules (e.g., Equals to, Contains) based on conditions like asset type or vendor specific criteria. After applying filters in the modal, only vendors matching the criteria should appear in the dropdown for that specific cell. Ensure the filtering logic is cell specific, dynamic, and does not affect other rows or the entire column.