text: export const multiColumnSortStyles = (theme) => ({
      columnsSortContainer: {
          width: '400px',
          margin: '10px 10px 10px 10px'
      },
      columnSectionHeader: {
          width: '280px',
          margin: '10px 5px'
      },
      orderSectionHeader: {
          width: '120px',
          margin: '10px 5px'
      },
      columnSection: {
          margin: '5px'
      },
      orderSection: {
          margin: '5px'
      },
      columnField: {
          width: '260px'
      },
      orderField: {
          width: '120px'
      },
      footerLeftBtns: {
          textAlign: 'left',
          padding: '15px 5px 5px 5px'
      },
      footerRightBtns: {
          textAlign: 'right',
          padding: '15px 8px 5px 5px'
      },
      resetButton: {
          paddingLeft: '5px',
          paddingRight: '5px',
          minWidth: '0px'
      },
      cancelButton: {
          marginLeft: '10px'
      }
  });
  