const PoolsDeleteColumn = (intl: IntlShape, onClick: ({ record }: { record: any }) => Promise<void>) => {
return [
{
text: intl.formatMessage({ id: 'Delete' }),
field: 'Delete',
type: 'action',
sortable: false,
width: 100,
align: 'center',
actions: [
{
cls: 'b-fa b-fa-trash',
visible: ({ record }: { record: any }) => !(record.isResource || record.hasActiveDemands),
onClick: onClick,
},
],
},
];
};
this is my <DeleteOutline sx={{ fontSize: 27 }} style={{ color: 'black' }} /> Mui material icon component i need to use this component in place of cls: 'b-fa b-fa-trash',